Autocomplete TypeError:$(“城市”)。自动完成不是一个函数
这是我的php页面编码:Autocomplete TypeError:$(“城市”)。自动完成不是一个函数,autocomplete,Autocomplete,这是我的php页面编码: <script type="text/javascript" src="js/addclasskillclass.js"></script> <script type="text/javascript" src="js/attachevent.js"></script> <script type="text/javascript" src="js/addcss.js"></script> <s
<script type="text/javascript" src="js/addclasskillclass.js"></script>
<script type="text/javascript" src="js/attachevent.js"></script>
<script type="text/javascript" src="js/addcss.js"></script>
<script type="text/javascript" src="js/tabtastic.js"></script>
<script type="text/javascript" src="js/ajax.js"></script>
<script type="text/javascript" src="js/ajax-dynamic-list1.js"></script>
<script type="text/javascript" src="js/backtotop.js"></script>
<link type="text/css" rel="stylesheet" href="calendar/dhtmlgoodies_calendar.css?random=20051112" media="screen"></LINK>
<script language="javascript" type="text/javascript" src="calendar/dhtmlgoodies_calendar.js?random=20060118"></script>
<script type="text/javascript" src="js/jquery.autocomplete.js"></script>
<script>
$(function() {
$(window).scroll(function() {
if($(this).scrollTop() != 0) {
$('#toTop').fadeIn();
} else {
$('#toTop').fadeOut();
}
});
$('#toTop').click(function() {
$('body,html').animate({scrollTop:0},600);
});
});
</script>
<script>
$(document).ready(function(){
$("#city").autocomplete("autocityuser.php", {
selectFirst: true
});
});
</script>
<form method="get" name="frm1" id="frm1" action="#">
<input type="text" id="city" name="city" value="" style="width:160px;" size="30" />
</form>
您正在使用(autocomplete)的一部分,但jQuery库似乎还没有准备好
尝试包含以下脚本:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script src="http://code.jquery.com/ui/1.8.22/jquery-ui.min.js" type="text/javascript"></script></script>
是否有其他lib使用了$并覆盖了jQuery对它的使用?也许,试试jQuery(“#城市”)。自动完成我最近也遇到了同样的问题。我发现jquerylib文件的两个不同版本包含在两个不同的地方
使用firebug寻找额外的包含,因为js库可以从其他包含的文件中包含 这是可能的。如果Martin的建议有效,您可以尝试将所有代码放在一个闭包中,如下所示:
(function($){……}(jQuery))代码>相同错误类型错误:jQuery(“#city”)。当我应用$(“#city”).hide()时,自动完成不是一个函数;它没有显示任何错误,这意味着jQuery是working@pnr尝试一些基本的方法,比如$('#city').hide()
查看jQuery是否工作。这就是你想要的效果吗<代码>http://jsfiddle.net/2GzFL/
@pnr但运行时是否隐藏了城市输入?如果没有,jQuery就无法工作!!在应用$('#city').hide()之后,我也在寻找同样的东西代码>它正在隐藏城市输入。@pnr哦,很好,它正在隐藏:)为什么不使用我答案中的链接复制演示版的autocomplete
?您有select:first
,这不是UI版本的选项。您是否正在使用不推荐使用的插件版本(请参阅:)?PHP为您做了什么?-1感谢您在问题中包含自己的答案,而不是单独回答。
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script src="http://code.jquery.com/ui/1.8.22/jquery-ui.min.js" type="text/javascript"></script></script>
var availableTags;
$.get("autocityuser.php", function(data){
availableTags = data; // You need to format the data either here or in your PHP
});
$("#city").autocomplete({source: availableTags});