在引導程序中創建可摺疊的垂直菜單

使用引導程序我試圖創建可摺疊菜單，而不必使用任何外部腳本。使用下面的代碼，我已經設法獲得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

在引導程序中創建可摺疊的垂直菜單

回答

相關問題