我正在尝试实现一个下拉菜单,其中包含一排按钮,可在可用菜单项之间切换。
所以,在结构上我有类似的东西:
<dropdown container>
<dropdown trigger>
<dropdown content>
<dropdown nav-pills>
<nav-pills panes>
</dropdown content>
</dropdown container>
我已经完成了这项工作,出现菜单,单击导航药丸触发窗格之间的更改;然而,问题是导航药丸上的点击事件也会强制关闭菜单(bootstrap.dropdown 假设用户正在点击链接/菜单项并将导航离开页面)。
那么,是否可以使用标准引导 JS 来做到这一点,还是我必须编写自己的下拉 JS?我已经尝试绑定到导航药丸上的点击事件并停止点击传播,但这并没有阻止引导程序捕获相同的事件并隐藏菜单。
非常感谢您的阅读!