如何使移動視圖導航欄引導像一個正常的菜單

Question

http://www.bootply.com/y1iaZwCCct

我用在我的網站這個菜單，但不能更改默認設置。我需要一個jQuery腳本，它在移動視圖中爲菜單提供了兩件事情。

1. 關閉，當我點擊一個鏈接。
2. 關閉，當我點擊菜單外。

我是新來的jQuery，所以任何幫助，將不勝感激。謝謝。

Answer 1

找到了解決辦法......

1. 使用data-toggle="collapse"和data-target=".in"上a標籤都有效或列表元素點擊一個鏈接時關閉菜單。

2. 該代碼以關閉菜單，當我們點擊菜單

   $(document).click(function (event) { 
       var clickover = $(event.target); 
       var $navbar = $(".navbar-collapse");    
       var _opened = $navbar.hasClass("in"); 
       if (_opened === true && !clickover.hasClass("navbar-toggle")) {  
        $navbar.collapse('hide'); 
       } 
   }); 
   

Answer 2

之外也試試這個代碼..我的作品

$(document).mouseup(function (e) { 
      e.preventDefault(); 
      var container = $(".container-fluid"); 

    if (!container.is(e.target) && container.has(e.target).length === 0) { 
       $(".navbar-collapse").collapse('hide'); 
      } 
     }); 

$(".navbar-nav li a").click(function(e){ 
       e.preventDefault(); 

      $(".navbar-collapse").collapse('hide'); 

    });