Boostrap 2.0:将登录表单添加到子菜单中，防止焦点关闭

Boostrap 2.0: Adding a login form to a submenu, preventing close on focus

本文关键字：菜单 焦点 登录 添加 表单 Boostrap      更新时间：2023-09-26

我使用Bootstrap 2.0构建导航栏，与他们网站上的示例非常相似。我有一个子菜单（.下拉菜单），在其中我放置了一个登录表单（用户名、密码、提交）。

一切都很好，但当我点击用户名或密码的输入字段时，菜单似乎认为我点击了一个菜单项，子菜单就关闭了。有什么关于我如何防止这种情况的提示吗？

解决方案：

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

为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);
相关文章：