Question

我是Jquery的新手，面临着实现此方法自动完成的问题：来自this网址。

我收到此错误

:Uncaught TypeError: Object [object Object] has no method 'autocomplete'

在我的代码的javascript部分：

代码：的的index.html：

<html>
<head>

<style type="text/css">
    body{font:62.5% Verdana,Arial,sans-serif;}
</style>
 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="function.js"></script>
 </head>

<body>
    <input id="autocomplete"/>
</body>
</html>

代码： function.js

$(document).ready(function() {
  $( "#autocomplete" ).autocomplete({
  source: function( req, resp ) {
      $.post( "/echo/json/", {
          json: '["1", "2", "3", "4", "5"]',
          delay: 1
      }, function(data) {
        resp( data );
      }, "JSON" );
  }
 });
});

问题：我是否遗漏了需要链接到的任何重要文件或外部文件/库？

Answer 1

您缺少jquery-ui的脚本标记。添加它，它应该工作：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.js"></script>

（提示：从你的jsfiddle链接查看输出框的来源并将其与你的比较。）

Jquery方法自动完成

1 个答案: