Autocomplete TypeError:$(“城市”)。自动完成不是一个函数

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

这是我的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>
<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});​