Question

使用bootstrap我试图创建一个可折叠的菜单，而不必使用任何外部脚本。使用下面的代码，我设法获得了95％的路径，但点击顶级链接后，它会转到链接中的页面。我希望保持href的方式与下拉菜单的工作方式相同。因此删除它不是一个选项

我可以使用onClick =＆＃34;返回false＆＃34;在标签上但我相信它不再是有效的代码，或者至少是不好的做法。有没有一个简单的更好/替代方法，没有太多的代码。我的javascript / jquery不是很好。什么是修复它的最佳方法？

 <ul class="nav nav-pills nav-stacked left-menu" id="stacked-menu">
    <li>
      <a href="one.html" data-toggle="collapse" data-target="#item1" data-parent="#stacked-menu" >Process One<span class="caret arrow"></span></a>
      <ul class="nav nav-stacked collapse left-submenu" id="item1">
        <li><a href="google.com">View One</a></li>
        <li><a href="gmail.com">View Two</a></li>
      </ul>
    </li>
    <li>
      <a href="two.html" data-toggle="collapse" data-target="#item2" data-parent="#stacked-menu">Process Two<span class="caret arrow"></span></a>          
      <ul class="nav nav-pills nav-stacked collapse" id="item2">
        <li><a href="#">View One</a></li>
        <li><a href="#">View Two</a></li>
        <li><a href="#">View Three</a></li>
      </ul>
    </li>
    <li><a href="#">Process Three</a></li>
    <li><a href="#">Process Four</a></li>
  </ul>

我在bootify上做了一个例子。在示例中，顶部链接有onClick。 http://www.bootply.com/MQScKxhu9Z

我也试过$（＆＃39; .submenu-link＆＃39;）。click（function（）{return false;}）;但是这完全禁用了它。

Answer 1

只是让其他人有这个问题...我已经知道下面的jquery解决了这个问题。

$('.submenu-link').click(function(e) {
    e.preventDefault();
});

在bootstrap中创建可折叠的垂直菜单

1 个答案: