Question

我已经看到了一些不同的问题，但我似乎无法找到适合我的解决方案。我正在使用以下代码（使用UWA小部件框架），我总是收到消息“自动完成不是一个函数”。我正在调用autocomplete.js文件，所以我不确定为什么我仍然收到此消息。

    <html>
    <title>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
  <link rel="stylesheet" href="http://dev.jquery.com/view/trunk/plugins/autocomplete/demo/main.css" type="text/css" />
  <link rel="stylesheet" href="http://dev.jquery.com/view/trunk/plugins/autocomplete/jquery.autocomplete.css" type="text/css" />
  <script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/autocomplete/lib/jquery.bgiframe.min.js"></script>
  <script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/autocomplete/lib/jquery.dimensions.js"></script>
  <script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/autocomplete/jquery.autocomplete.js"></script>
  <script>
       <![CDATA[
      widget.onLoad = function(){
      var data = "apple pears bears bananas".split(" ");
    $("#search").autocomplete(data);
  };
  ]]>
  </script>

</head>
   <body>
     My name: <input id="search" />
   </body>
</html>

Answer 1

dev.jquery.com不允许热链接。将文件托管在其他地方。

查看yourself。

修好后，再次阅读documentation。

Answer 2

如果您使用的是jQuery，那么以下是最佳实践

$(document).ready(function () {
// write your code here    
});

Answer 3

也包含jQuery UI。删除其他引用，并让它首先工作...此外，js文件引用的顺序也可以有所作为。

DiEcho的答案也是有效的......如果您希望在页面准备好时加载它，您应该始终将其包装。

jQuery“自动完成不是一个函数”

3 个答案: