javascript - Bootstrap 2.0 : Adding a login form to a submenu, 防止关闭焦点

Question

我正在使用 Bootstrap 2.0 构建导航栏，与他们网站上的示例非常相似。我有一个子菜单 (.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);