点击后隐藏引导子菜单

Bootstrap submenu hiding after click

本文关键字：菜单 隐藏      更新时间：2023-09-26

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

是否有任何方法如何使下拉框保持扩展，至少直到下一页不开始呈现?非常感谢。

不确定纯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();
});
相关文章：