javascript - Bootstrap子菜单点击后隐藏

Question

我的客户不喜欢 Bootstrap 的子菜单在点击后立即隐藏，这可能会让使用慢速互联网连接的访问​​者感到困惑 - 菜单项被隐藏，但请求的页面尚未显示。他们可能会尝试一次又一次点击菜单。

有什么方法可以让下拉列表保持展开状态，至少直到下一页不开始渲染为止？非常感谢。

Answer 1

不确定纯 CSS 或 Bootstrap 解决方法，但您可以使用一些 JavaScript 来阻止事件进一步传播:

$('.myMenu a').click(function(e) {
    e.stopPropagation();
  $(this).parent().parent().html("Loading...");
});

这将从下拉列表中删除 HTML 并添加一条加载消息。

http://www.bootply.com/FTBIkP9hfX

如果您只想让菜单保持打开状态，请删除第二行:

$('.myMenu a').click(function(e) {
    e.stopPropagation();
});