20

私はいくつかの AJAX で jQuery UI Autocomplete を使用しています (入力を停止するまでデータは取得されません)。データが見つかったら、オートコンプリートが検索結果としてポップアップするようにしたいと思います。これは機能しますが、再度入力を開始した場合にのみ機能します (ドロップダウンは、入力を停止するまで初期化されないため、入力するまでトリガーされません)。

私のコード:

var availableTags = [
    "Perl",
    "PHP",
    "Python",
    "Ruby"
];
$('input#mainSearchBox').autocomplete({
    source: availableTags,
        minLength: 0
});
    $('input#mainSearchBox').data('autocomplete').menu.active;

最後の部分はオートコンプリートを有効にする試みでしたが、失敗しました。

4

3 に答える 3

53

検索メソッドはトリックを行う必要があります:

$('input#mainSearchBox').autocomplete("search");

フィドル

于 2012-12-03T15:33:38.817 に答える
4

次のスクリプトを使用して、オートコンプリートを手動で切り替えることができます。

var textbox = $('input#mainSearchBox');
var autocompleteBox = textbox.autocomplete('widget');

// toggle the autocomplete widget
autocompleteBox.is(':hidden') ? 
    textbox.autocomplete('search', textbox.val()).focus() :
    autocompleteBox.hide();

このコードは、jquery オートコンプリート デモ サイトのコンボボックスの例のソース (127 ～ 141 行目) にあります。

于 2012-12-03T15:29:04.850 に答える