0

这是我的 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>

当我加载此页面时，FF 向我显示此错误： TypeError: $("#city").autocomplete is not a function

我autocomplete在另一个页面上应用了相同的代码（但导入的 js 较少），它工作正常。但它在此页面上显示错误，可能是因为某些 js 冲突。谁能帮我解决这个错误？？？

PS我忘了提到我在这个页面上有2个表格，都有不同的ID和名字

PS我仍然不知道问题是什么，但幸运 的是问题已经解决了，我只是把下面的代码放在页面末尾，一切都很完美。

<script>
    $(document).ready(function(){
     $("#city").autocomplete("autocityuser.php", {
            selectFirst: true
        });
    });
    </script>
4

3 回答 3

0

是否有任何其他库使用 $ 并覆盖 jQuery 对它的使用？也许，试试jQuery("#city").autocomplete

于 2012-08-01T07:27:10.167 回答
0

我最近遇到了同样的问题。我发现从两个不同的地方包含了两个不同版本的 jquery lib 文件。

使用 firebug 寻找额外的包含，因为 js 库可能已包含在其他包含的文件中。

于 2013-12-03T12:04:32.967 回答
0

您正在使用jQuery UI（自动完成）的一部分，但看起来您没有 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>

编辑

我认为你的基本方法是错误的。

您想调用 PHP 以使用 AJAX 获取自动完成选项并将回显值粘贴到变量availableTags中。然后你想设置你的自动完成。

像这样的东西（未经测试）：

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});​
于 2012-08-01T07:26:03.180 回答