Bootstrap3のnavbarのドロップダウンをクリックオンリーにしたい
どうでもいいと言えばどうでもいいんですが、 ドロップダウンを開きっぱなしにしたいという話がありまして。[html] <li class="dropdown open"> [/html] 通常はopen付けておけば終わりじゃない？ って話をしてたんですが、 これだとblurになったときに閉じちゃうわけなんですよね。 開きっぱなしにしたいんだって話になったので、 [js] $(document).on(‘hide.bs.dropdown’,’.dropdown’, function(e) { e.preventDefault(); }) [/js] じゃあこれでって言う話にしたら、 いやあクリックで閉じてよ、となりまして。 この制御めんどくさいんですよね。 でまあいろいろ考えたんですが、イベントを途中で切るのは無理だなあと思いまして。 [html] data-toggle="dropdown" [/html] これを外します。 これがついていると自動的に、 [js] $(‘.dropdown-toggle’).dropdown(); [/js] が呼び出されるので、がん無視します。 [js] $(document).on(‘click’,’.dropdown-toggle’,function(e) { $(this).parent(‘.dropdown’).toggleClass(‘open’); }); [/js] でこれで開閉。 役に立つかどうかはわかりませんがメモで。
