BinaryDevelop
  1. ホーム
  2. jquery

[解決済み] jquery autocomplete が動作しない

2022-02-14 23:34:09

質問

どなたか、私の書いたjquery autocompleteのコードが動作しない理由を教えていただけませんか？

以下は私のjavascriptのコードです。 

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/autocomplete/lib/jquery.bgiframe.min.js"></script>
<script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/autocomplete/lib/jquery.dimensions.js"></script>
<script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/autocomplete/jquery.autocomplete.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        var data = ["Boston Celtics", "Chicago Bulls", "Miami Heat", "Orlando Magic", "Atlanta Hawks", "Philadelphia Sixers", "New York Knicks", "Indiana Pacers", "Charlotte Bobcats", "Milwaukee Bucks", "Detroit Pistons", "New Jersey Nets", "Toronto Raptors", "Washington Wizards", "Cleveland Cavaliers"];
        $("#seed_one").autocomplete({ source: data });
    });
</script>

そして、これが私のhtmlです。 

<input id="seed_one" type="text" name="seed_one"/><br /> <br />

ありがとうございます。

ランス

解決方法は？

<ブロッククオート

ご注意 これは2011年にさかのぼる古い質問に対する古い回答です。あなたは jQueryの最新のリリースを使用し、APIリファレンスを確認することをお勧めします。

あなたが抱えている問題は、あなたが使っている jQuery Autocomplete プラグイン を呼び出すのと同じように呼び出しています。 jQuery UI オートコンプリート .

jQuery UI オートコンプリートを使用する場合、コード自体は以下のように問題なく動作します。 このフィドルを見てください . オートコンプリートプラグインを使用する場合は、呼び出しを次のように変更する必要があります。 

$("#seed_one").autocomplete(data);

提案です。

  1. オートコンプリートプラグインの代わりに、jQuery UI のオートコンプリートを使用する。後者は非推奨です。
  2. 修正 http://dev.jquery.com/view/trunk/plugins/autocomplete/lib/jquery.dimensions.js 現在、アクセスできません。

jQuery UI の完全なコード 

<html>
<head>
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            var data = ["Boston Celtics", "Chicago Bulls", "Miami Heat", "Orlando Magic", "Atlanta Hawks", "Philadelphia Sixers", "New York Knicks", "Indiana Pacers", "Charlotte Bobcats", "Milwaukee Bucks", "Detroit Pistons", "New Jersey Nets", "Toronto Raptors", "Washington Wizards", "Cleveland Cavaliers"];
            $("#seed_one").autocomplete({source:data});
        });
    </script>
</head>

<body>
    <input id="seed_one" type="text" name="seed_one"/>
</body>
</html>

Autocomplete プラグインの完全なコード。 

<html>
<head>
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
    <script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/autocomplete/jquery.autocomplete.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            var data = ["Boston Celtics", "Chicago Bulls", "Miami Heat", "Orlando Magic", "Atlanta Hawks", "Philadelphia Sixers", "New York Knicks", "Indiana Pacers", "Charlotte Bobcats", "Milwaukee Bucks", "Detroit Pistons", "New Jersey Nets", "Toronto Raptors", "Washington Wizards", "Cleveland Cavaliers"];
            $("#seed_one").autocomplete(data);
        });
    </script>
</head>

<body>
    <input id="seed_one" type="text" name="seed_one"/>
</body>
</html>

関連

最新

おすすめ

について
/
プライバシー・ポリシー
/
お問い合わせ
© 2022 BinaryDevelop. すべての権利は、それぞれの所有者に帰属します