0

このようにJquery UI Autocompleteプラグインを使用しています

 $("#home_search_top").autocomplete({
                source: "/theme/site_theme/search.php",
                minLength: 2,
                parse: function() {
                    console.log("hello");
                return false;
                },
                select: function(event, ui) {
                    $('#state_id').val(ui.item.id);
                    $('#abbrev').val(ui.item.abbrev);
                }
            });

            $("#home_search_top").autocomplete({
                source: "/theme/site_theme/search.php",
                minLength: 2,
                loadingClass : "res-search"
            });

解析が完了したときに someDiv を表示または非表示にするにはどうすればよいですか?

4

2 に答える 2

2

イベントを探していると思いますresponse(jQueryUI 1.9 を使用していると仮定します)。ドキュメントから：

検索が完了した後、メニューが表示される前にトリガーされます。カスタム ソース オプションのコールバックが不要な、提案データのローカル操作に役立ちます。このイベントは、結果がないかオートコンプリートが無効になっているためにメニューが表示されない場合でも、検索が完了すると常にトリガーされます。

このイベントをタップして非表示にする必要があります#someDiv:

 $("#home_search_top").autocomplete({
     source: "/theme/site_theme/search.php",
     minLength: 2,
     select: function(event, ui) {
         $('#state_id').val(ui.item.id);
         $('#abbrev').val(ui.item.abbrev);
     },
     response: function () {
         $("#someDiv").hide();
     }
 });
于 2012-10-30T01:04:25.023 に答える
0 
select: function(event, ui) {
        $('#state_id').val(ui.item.id);
        $('#abbrev').val(ui.item.abbrev);

        // hide div:
        $("#MyDiv").hide();
    }
于 2012-10-29T20:01:47.673 に答える