1

我正在尝试实现一个下拉菜单,其中包含一排按钮,可在可用菜单项之间切换。

所以,在结构上我有类似的东西:

<dropdown container>
  <dropdown trigger>

  <dropdown content>

    <dropdown nav-pills>
    <nav-pills panes>

  </dropdown content>
</dropdown container>

我已经完成了这项工作,出现菜单,单击导航药丸触发窗格之间的更改;然而,问题是导航药丸上的点击事件也会强制关闭菜单(bootstrap.dropdown 假设用户正在点击链接/菜单项并将导航离开页面)。

那么,是否可以使用标准引导 JS 来做到这一点,还是我必须编写自己的下拉 JS?我已经尝试绑定到导航药丸上的点击事件并停止点击传播,但这并没有阻止引导程序捕获相同的事件并隐藏菜单。

非常感谢您的阅读!

4

0 回答 0