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

saint_foo

我发现关于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
       });
格雷戈里·恩瓦(Gregory_ynwa)

您有错别字:

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

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

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章