4

以下は私のコードです：

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

$("#City").autocomplete({
        source: availableTags
});

Docsから、デフォルトの動作は一種のdropdown一致したアイテムです。しかし、私にとっては次のように表示されています

スクリーンショット:

10 件の結果が利用可能です。移動するには上下の矢印キーを使用してください。

ここに画像の説明を入力

申し訳ありませんが、jsfiddle でこの動作を再現できませんでした。ナビゲーションは、上下の矢印キーを使用して行われます。これはしたくないのですが、どうすればデフォルトのドロップダウンに戻すことができますか? あなたの提案を共有してください。

アップデート:

@Anton の参照により、検証メッセージを削除できましたが、表示されませdropdownん。しかし、上下の矢印キーを使用してナビゲートできます。これに関するフィードバックはありますか？

4

4 に答える 4

5

SOのこの回答に従ってこれを試してください

$("#City").autocomplete({
    source: availableTags,
    messages: {
        noResults: '',
        results: function() {}
    }
});
于 2013-09-11T07:20:01.990 に答える
0

私は同じ問題を抱えており、jquery.uiのデフォルトのcssスタイルファイルを含めることで、その迷惑なツールチップで解決しました。

<link rel="stylesheet" href="jquery-ui/themes/base/jquery-ui.min.css" />

jquery-ui javascript source file をインクルードした後、これを行うのを忘れていましたjquery-ui.min.js。

于 2016-07-01T12:20:55.093 に答える
0

アントンは正しいです。

また、大文字で始まるIDを使用することはベストプラクティスではないと思うことに注意してください:)

$("#city")

この例をフィドルで使用してください。

于 2013-09-11T07:24:46.293 に答える