響應式菜單調整

Question

所以我修改了引導響應菜單，當你點擊它外面時關閉。我遇到的問題是，當您在該主菜單的子菜單中單擊鏈接時，它會關閉子菜單 - 理想情況下，我想保持打開狀態。原因是其中一些鏈接是模態，因此我想保留頁面的狀態。

這裏舉例：

plnkr.co/edit/arGrZ8onXsHYNjAIOeQx?p=preview

如果單擊下拉菜單，然後跳轉鏈接，你會看到菜單關閉。

Answer 1

將這行代碼放在您的html文件中或從您的js文件加載腳本。

<script> 
$(document).on('click','.navbar-collapse.in',function(e) { 
if($(e.target).is('a') && $(e.target).attr('class') != 'dropdown-toggle') { 
    $(this).collapse('hide'); 
} 
}); 
</script> 

Answer 2

你可以做這樣的事情以禁用Click事件：

$('#navbar .dropdown-menu').on({ 
    "click":function(e){ 
     e.stopPropagation(); 
    } 
}); 

這裏是一個工作演示：http://www.bootply.com/3tWJWSzbax