3

ホバー時に開閉するカスタマイズされたブートストラップ ドロップダウン メニューを作成しようとしていますが (これは動作しています)、イベント ドロップダウン メニューで検索バーがフォーカスされている場合は、フォーカスが失われるか、ユーザーがドロップダウンから離れてクリックするまで開いたままになります。 .

ここに私のjsコードがあります:

$('ul.nav li.dropdown').hover(function() {
 $(this).closest('.dropdown-menu').show(); $(this).addClass('open'); },
 function() { 
    $("#search-query").focusin(function() {
        $('.events').addClass('search-active'); 
    });
    if ($('.events').hasClass('search-active')) {
        return;
    } else {
        $(this).closest('.dropdown-menu').hide(); $(this).removeClass('open'); 
    }
 });

ここにコードペンがあるので、残りのコードを見ることができます: http://codepen.io/webinsation/pen/bfDsB

jquery の is(':focus') セレクターを使用してこれを解決する方法をいくつか試しましたが、結果はありませんでした。

あなたが持っているかもしれない助けやアイデアに感謝します。ありがとう – カレブ

4

2 に答える 2