0

こんにちは、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 オートコンプリート プロジェクト。ネットからダウンロードできます。

jqueryのみのajaxとcssを使用せずに、デバッグ方法、解決方法、またはその他の製品の提案。

4

1 に答える 1

1

こんにちは、こちらのデモをご覧ください: http://jsfiddle.net/Xzy9T/

Jquery ui (例のように) も含めてください。JavaScript の 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" />
​

Jクエリ

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

ここに画像の説明を入力

于 2012-04-24T05:42:47.990 に答える