2016-01-15 85 views
3

當您單擊/觸摸菜單外部時,我已設法關閉菜單,但如何在點擊某個鏈接(在該菜單內)時關閉菜單以關閉菜單?單擊/觸發時關閉響應菜單

這裏是我的javascript:

  jQuery(document).click(function (event) { 
       var clickover = jQuery(event.target); 
       var _opened = jQuery(".navbar-collapse").hasClass("in"); 
       if (_opened === true && !clickover.is('.bs-navbar-collapse') && !clickover.hasClass("navbar-toggle")) { 
        jQuery("button.navbar-toggle").click(); 
       } 
      }); 
+0

請參見[56, 「問題‘’包括在他們的頭銜?」 標籤(HTTP:/ /meta.stackexchange.com/questions/19190/should-questions-include-tags-in-their-titles),其中的共識是「不,他們不應該」! –

回答

4

停止事件冒泡如果從導航欄起源

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

jQuery(".dropdown-menu").click(function(e) { 
    e.stopPropagation(); 
}); 
+0

唯一的問題是,這使得下拉菜單不起作用:-( – j00m

+0

你可以發佈你的HTML,所以我可以看看嗎? – dfsq

+0

這只是一個標準的引導菜單,其中一個嵌套列表/下拉菜單主要導航鏈接 – j00m

相關問題