我发现关于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
});
您有错别字:
<asp:TextBox ID="Q51TextBox"....
在您的js中,您可以通过以下方式调用TextBox ID:
$("#Q51Textbox")
(在“框”中更改小写字母“ b”)
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句