jquery - 加载时如何保持子菜单打开？

Question

我们正在使用一个名为“Acme Dashboard”的预构建管理主题。当用户单击下拉子页面并加载子页面时，在下一次加载时菜单项会折叠。我们如何强制菜单在下一次加载时保持打开状态？

主题链接在这里： http ://wrapbootstrap.com/preview/WB0JLR295

我知道当加载子主题时，父主题被赋予 class="active" 属性，但我不知道在 CSS/JS 中进行哪些更改以保持下拉菜单打开。

Answer 1

您可以使用e.stopPropagation()

这将防止关闭任何“下拉菜单”：

$('.dropdown-menu').on('click', function (e) {
    e.stopPropagation();
})

如果您只想要一个特定的下拉菜单，您可以相应地更改 jQuery 选择器$('.dropdown-menu')。

这是一个工作示例