jQuery自动完成未捕获类型错误
当文件位于根文件夹中时,下面的脚本可以正常工作,但当我将其移动到3层的文件夹中时,它停止工作。这一行有一个错误,{$(this.autocomplete(“/js/zip/”+$(this.data(“code”)+”.php),{当然,我更改了url,以反映.././js/zip、domain.com/js/zip/的位置 控制台错误:未捕获类型错误:对象[Object Object]没有方法“自动完成”jQuery自动完成未捕获类型错误,jquery,autocomplete,Jquery,Autocomplete,当文件位于根文件夹中时,下面的脚本可以正常工作,但当我将其移动到3层的文件夹中时,它停止工作。这一行有一个错误,{$(this.autocomplete(“/js/zip/”+$(this.data(“code”)+”.php),{当然,我更改了url,以反映.././js/zip、domain.com/js/zip/的位置 控制台错误:未捕获类型错误:对象[Object Object]没有方法“自动完成” <link rel="stylesheet" type="text/css" hr
<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>
$(文档).ready(函数(){
$(“#ctry”).change(函数(){
$(“.state”).hide();
var stateSelect=$(“#state"”+$(this.val());
stateSelect.show();
});
$(“输入[数据代码]”)。每个(函数(){
$(this.autocomplete(“/js/zip/”+$(this.data(“code”)+”.php”){
matchContains:true,matchFirst:true,mustMatch:false,
选择First:false、cacheLength:10、minChars:1、autofill:false,
滚动高度:150,宽度:180,最大值:20,滚动:真
});
});
});
当插件未加载时,该错误消息是典型的。检查控制台或网络选项卡(取决于您使用的浏览器和工具),查看jquery.autocomplete.js是否加载失败。您还可以在出现错误的行之前,编写console.log($);
然后您可以在控制台中检查jQuery对象并确认它缺少autocomplete()方法。检查您的开发者工具网络选项卡,查看是否正确加载了autocomplete js谢谢。看来我在同一页面上加载了jquery 1.7.0和1.7.1。导致了相互冲突。删除了旧版本,一切正常。是的,加载插件后重新加载jquery是另一种导致这种情况的方式,这是一种错误尝试在同一页面中加载两个版本是个坏主意。