知道为什么这个Jquery自动完成不起作用吗？

Question

我发现有关jquery的自动完成功能不起作用的很多问题似乎都是围绕着不正确的JSON进行的，但是我只是试图将简单的示例与数组结合使用以使其正常工作。 我能够使其在新创建的文本文件中运行，但是我需要使其在相当大的asp.net应用程序中运行（不幸的是，我已从另一位开发人员手中接管了它，因此未进行设置）。

 $(function() {
var availableTags = [
  "ActionScript",
  "AppleScript",
  "Asp",
  "BASIC",
  "C",
  "C++",
  "Clojure",
];
$( "#tags" ).autocomplete({
  source: availableTags
});

}）;

那是我非常简单的自动完成代码。 如果我将其放在带有一些html和所需引用的文本文件中，它将可以正常工作。 但是，如果我在asp.net应用程序的文本框中放置相同的内容，它将无法正常工作。 我想知道它是否与css有关，因为当我将其放入文本文件并使用时

<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">

这是行不通的。 这是jqueryui.com上的代码，当我将其更改为

<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/ui-lightness/jquery-ui.css">

它做了。 我以为是某种干扰...任何想法可能是什么？ 此应用程序中已经有多个CSS表单，我不太确定该如何分辨。

感谢您的任何帮助，您可以提供。 如果有人甚至知道我可以检查的内容，那将非常有帮助。

编辑：这是我正在使用的实际代码：

<div id="Question_5" class="question">
                        <asp:UpdatePanel runat="server" ID="Q51UP">
                            <ContentTemplate>
                                <asp:Label runat="server" ID="Q51Label"></asp:Label>
                                <label style="color: #D9534F">* </label>
                                <br />

                                <asp:TextBox ID="Q51TextBox" class="text-box MyStyleSheet" runat="server" Width="200%"></asp:TextBox>

                                    <br />
                                <asp:RequiredFieldValidator EnableClientScript="false" ID="v5" runat="server" ControlToValidate="Q51TextBox"
                                    ErrorMessage="Value Required!" InitialValue="" ForeColor="#d9534f" SetFocusOnError="true">
                                </asp:RequiredFieldValidator>
                                <div style="height: 0px;"></div>
                            </ContentTemplate>
                        </asp:UpdatePanel>
                    </div>

然后在我的javascript中：

var availableTutorials = [
               "ActionScript",
               "Boostrap",
               "C",
               "C++",
            ];
       $("#Q51Textbox").autocomplete({
                source: availableTutorials
       });

Answer 1

您有错字：

<asp:TextBox ID="Q51TextBox"....

在您的js中，您可以通过以下方式调用TextBox ID：

$("#Q51Textbox") （在“框”中更改小写字母“ b”）