Boostrap 2.0：サブメニューにログインフォームを追加してフォーカスが近くにならないようにする

Question

Bootstrap 2.0を使用してNavbarを構築しています。サブメニュー（.dropdown-menu）にログインフォーム（ユーザ名、パスワード、サブミット）を配置しました。

すべてがうまくレンダリングされますが、ユーザー名またはパスワードの入力フィールドをクリックするとメニューがメニュー項目をクリックしたと思われ、サブメニューが閉じられているようです。どのように私はこれを防ぐことができるかについてのヒント？

ソリューション：

$('.dropdown form').on('click', function (e) { 
    e.stopPropagation() 
}) 

Answer 1

LI要素のpersistクラスを追加します。

//編集

JSコードは、それが実際に動作させるために：

(function($) { 
var toggle = '[data-toggle="dropdown"]'; 

function clearMenus() { 
    var toggleParent = $(toggle).parent(); 
    if(!toggleParent.hasClass('persist')) 
     toggleParent.removeClass('open'); 
} 

$(function() { 
    $('html').off('click.dropdown.data-api'); 
    $('html').on('click.dropdown.data-api', clearMenus); 
}); 
})(window.jQuery);