Javascript 单击后隐藏引导子菜单

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

---

有没有办法让下拉列表至少在下一页未开始呈现之前保持展开状态？非常感谢。

不确定是否存在纯CSS或引导解决方案，但您可以使用一些JavaScript阻止事件进一步传播：

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

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

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

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

---

但这不是预期的UI行为吗？那么用一个加载弹出窗口来代替呢？还是禁用菜单？或者告诉他们“我们收到你的点击，不要点击更多”。好主意，谢谢，一定会考虑他们！