Question

您好我是J查询的新手，并试图让我的一个文本框自动完成这是asp x页面的代码。

 <asp:Content ID="Content2"
 ContentPlaceHolderID="head" Runat="Server">  <title>jQuery UI
 Autocomplete - Default functionality</title>   <link rel="stylesheet"
 href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">  
 <script src="//code.jquery.com/jquery-1.9.1.js"></script>   <script
 src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>   <link
 rel="stylesheet" href="/resources/demos/style.css">    <script>
        $(function () {
            var availableTags = [
       "ActionScript",
       "Apple-script",
       "Asp",
       "BASIC",
       "C",
       "C++",
       "Closure",
       "COBOL",
       "ColdFusion",
       "Erlang",
       "Fortran",
       "Groovy",
       "Haskell",
       "Java",
       "JavaScript",
       "Lisp",
       "Perl",
       "PHP",
       "Python",
       "Ruby",
       "Scala",
       "Scheme"
     ];
            $("#tags").autocomplete({
                source: availableTags
            });
        });   </script> </asp:Content>

 <asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1"
 Runat="Server"> <div id="searchcontainer" style="margin-top:50px">
 <div class="ui-widget">   <label for="tags">Tags: </label>   <input
 id="tags"> </div>
     <input id="btnSearch" type="button"  value="Search" style="margin-left:30px;border-radius: 5px; height: 30px; width:150px;
 box-shadow:3px 3px 3px #888888 ;" />
     <input id="btnCancel" type="button" value="Cancel"  style="margin-left:30px;border-radius: 5px; height: 30px; width:150px;
 box-shadow:3px 3px 3px #888888 ;" /> </div> <div id="grdDisp"
 style="margin-top:30px">
     <asp:GridView ID="grdPurchaseHist" AllowPaging="true" CssClass="EU_DataTable" PageSize="10"
 OnPageIndexChanging="grdPurchaseHist_PageIndexChanging"
       runat="server" >
     </asp:GridView> </div> </asp:Content>

当我在浏览器中查看此页面时，它无法正常工作，它是控制台所说的对象对象没有方法＆＃39;自动完成＆＃39;。我尝试在新页面中引用的类似.js文件，没有内容页面只是为了测试它，它运行正常。此外，当添加日期选择器时，它从上面提到的相同.js文件引用时正在上面的页面上工作。

所以我不确定我在这个网页表单或.js文件中做错了什么，因为auto auto ui不能正常工作并且找不到该方法。请帮忙.. 提前谢谢..

Answer 1

我不确定您的网页出了什么问题。除了错过输入标记上的结束标记外，似乎每件事都已到位。

<input id="tags"> should be  <input id="tags" />

大多数浏览器虽然宽容，但您可能会对此感到满意。

我开箱即用你的代码并且它有效。我为你编译了一个示例项目here，并确保你使用母版页进行类似的设置。

Jquery自动完成 - 对象[对象对象]没有方法＆＃39;自动完成＆＃39;

1 个答案: