5

私のウェブサイトには検索ボックス（テキスト入力フィールド）があります。ユーザーがそれをクリックしてテキストの入力を開始すると、リンクのメニューが表示されます。メニューはJQueryを介して表示されます-次のコマンドはメニューを表示します：

".focus(function() {
    $("#instant_search_wrapper").show();
}); "

ユーザーが検索ボックスをクリックすると、メニューが消えるようにしたいと思います。

これを行う最も簡単な方法は、次のコマンドを使用することです。

".blur(function() {
    $("#instant_search_wrapper").hide();
});"

ただし、これを行うと、ユーザーがメニュー内のリンクをクリックすると、テキスト入力フィールドのフォーカスが失われるため、ユーザーが選択ページに移動する前にメニューが表示されなくなります。検索フィールドがフォーカスを失ったときにメニューが消えるようにするにはどうすればよいですか（ただし、検索フィールドがフォーカスを失う前にユーザーがリンクをクリックした場合でも、リンクに移動できます）。

4

2 に答える 2

4

非表示にするには、クリックを本体にバインドする必要があります

$(document).click(function() {
      $("#instant_search_wrapper").hide();

});

http://jsfiddle.net/WYbp3/4/の実例を参照してください。

于 2011-03-04T18:32:56.437 に答える
0

もっと具体的に教えていただけますか、質問がわかりません。あなたのサイトをチェックしました。何かを入力し始めると、結果を含むモーダルボックススタイルのメニューが表示されます。次に、入力をぼかすと、ボックスはまだそこにあります。

于 2011-03-04T18:37:37.227 に答える