Boostrap 2.0：將登錄表單添加到子菜單，防止關注焦點

Question

我使用Bootstrap 2.0構建了一個導航欄，與他們網站上的示例非常相似。我有一個子菜單（.dropdown-menu），我在其中放置了一個登錄表單（用戶名，密碼，提交）。

一切都呈現得很好，但是當我點擊用戶名或密碼的輸入字段時，菜單似乎認爲我單擊了一個菜單項並關閉了子菜單。有關如何防止這種情況的任何提示？

解決方案：

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

Answer 1

添加persist類LI元素。

//編輯

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);