在引导程序中创建可折叠的垂直菜单

使用引导程序我试图创建可折叠菜单，而不必使用任何外部脚本。使用下面的代码，我已经设法获得95％的方式，但点击顶级链接后，它会转到链接页面。我想保持与下拉菜单一样的href。所以删除它不是一个选项在引导程序中创建可折叠的垂直菜单

我可以通过在标签上使用onClick =“return false”来解决它，但我相信它不再是有效的代码，或者至少是不好的做法。有没有一个简单的更好/替代方法来做到这一点，而不需要太多的代码。我的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。我也试过$（'。submenu-link'）。click（function（）{return false;}）;但是完全禁用它。

来源

2014-09-25 Legin76

只要有其他人有这个问题......我已经认识到，下面的jquery解决了这个问题。

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

来源

2014-09-30 09:05:50 Legin76

在引导程序中创建可折叠的垂直菜单

回答

相关问题