jQuery Auto完成问题

时间:2012-04-24 05:36:17

标签: php jquery ajax

大家好我遇到了jquery自动完成问题。实际上,在开发人员提供的示例中工作正常,但是一旦我尝试在我的系统中实现它就无法正常工作;

<script type='text/javascript' src='scripts/jquery.autocomplete.js'></script></code>

<link rel="stylesheet" type="text/css" href="scripts/jquery.autocomplete.css" />

<script type="text/javascript">

$().ready(function() {

    jQuery("#coursex").autocomplete("get_course_list.php", {
        width: 260,
        matchContains: true,
        selectFirst: false
    });

});

</script>
<form autocomplete="off">
        <p>
            Course Namexx <label>:</label>

            <input type="text" name="course" id="coursex" />

            <!--input type="button" value="Get Value" /-->
        </p>

        <input type="submit" value="Submit" />
</form>

问题是我在firebug中没有收到任何javascript错误,并且包含了所有文件。 ajax-autocomplete项目。你可以从网上下载。

任何建议如何调试,如何解决或任何其他产品没有jquery只有ajax和CSS。

1 个答案:

答案 0 :(得分:1)

Hiya请点击演示http://jsfiddle.net/Xzy9T/

请包括Jquery ui(如同示例)以及&amp;请确保你javascripts的src是正确的,或者你可以在网上找到一个并添加参考。

<强> HTML

   <p>

        Course Namexx <label>:</label>

        <input type="text" name="course" id="coursex" />

        <!--input type="button" value="Get Value" /-->

    </p>

    <input type="submit" value="Submit" />
​

<强> Jquery的

$( "#coursex" ).autocomplete({
    source: function( req, resp ) {
        $.post( "/echo/json/", {
            json: '["1", "2", "3", "4", "5"]',
            delay: 1
        }, function(data) {
            resp( data );
        }, "JSON" );
    }
});
​

enter image description here