0

私は codeigniter を使用しており、いくつかの結果を表示するために jquery ui autocomplete を使用して簡単な入力を作成しました。

このツールを使用できることを確認するためだけにテストを行っています。

私はこれをやった：

//in head
<script src="/js/jquery-1.9.1.js"></script>
<script src="/js/jquery-ui.js"></script>


//in body
<script type="text/javascript">
$(function() {

    var tags = [
    "ActionScript",
    "AppleScript",
    "Asp",
    "BASIC",
    "C",
    "C++",
    "Clojure",
    "COBOL",
    "ColdFusion",
    "Erlang",
    "Fortran",
    "Groovy",
    "Haskell",
    "Java",
    "JavaScript",
    "Lisp",
    "Perl",
    "PHP",
    "Python",
    "Ruby",
    "Scala",
    "Scheme"
    ];

    $("#autocomplete").autocomplete({
        source: tags
    });
});
</script>

<input id="autocomplete" />

しかし、これは結果を表示していません!

chrome dev tools -> network で、リクエストが完了し、ステータス 200 を取得していることがわかります。では、なぜ結果が表示されないのでしょうか?

これらの行を含む静的な空の html ファイルで、結果を取得しています!

ありがとう

4

1 に答える 1

1

jQuery UI 用の CSS ファイルを追加しましたか?

<head>これをタグに追加します。

<link href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" rel="stylesheet" type="text/css" />

また、すでに CSS を含めているが、質問でそれを忘れている場合は、置き換えてください

<script src="/js/jquery-1.9.1.js"></script>
<script src="/js/jquery-ui.js"></script>

と

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

使用している jquery と jQuery UI のバージョンが相互に互換性がないことを真剣に疑っています。

また、上記の方法を試す前に、ブラウザのキャッシュを消去してください。:)

編集：

ドキュメント タイプを宣言したことを確認してください。

<head>これをタグの前に置く

<!DOCTYPE html>
于 2013-05-06T18:31:48.940 に答える