jQuery自动完成未捕获的TypeError

时间:2013-07-03 23:35:43

标签: jquery autocomplete

当文件位于根文件夹中时,下面的脚本工作正常,但当我将其移动到3级文件夹时,它将停止工作。在这一行$(this).autocomplete("/js/zip/" + $(this).data("code") + ".php", {上有错误我当然更改了网址,以反映../../js/zip,domain.com/js/zip/

的位置

控制台错误:未捕获TypeError:对象[object Object]没有方法'autocomplete'

<link rel="stylesheet" type="text/css" href="/js/zip/jquery.autocomplete.css"/>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.js"></script>
<script type="text/javascript" src="/js/zip/jquery.autocomplete.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#ctry").change(function() {
  $(".state").hide();
  var stateSelect = $("#state_" + $(this).val());
  stateSelect.show();      
});
$("input[data-code]").each(function() {
  $(this).autocomplete("/js/zip/" + $(this).data("code") + ".php", {
  matchContains: true, matchFirst: true, mustMatch: false,
  selectFirst: false, cacheLength: 10, minChars: 1, autofill: false,
  scrollHeight: 150, width: 180, max: 20, scroll: true
  });
});
});
</script>

1 个答案:

答案 0 :(得分:1)

当插件未加载时,该错误消息是典型的。检查控制台或网络选项卡(取决于您使用的浏览器和工具),并查看是否无法加载jquery.autocomplete.js。您还可以在发生错误的行之前编写console.log($);,然后您可以在控制台中检查jQuery对象并确认它缺少autocomplete()方法。