2016-07-06 127 views
-3

http://www.bootply.com/y1iaZwCCct如何使移动视图导航栏引导像一个正常的菜单

我用在我的网站这个菜单,但不能更改默认设置。我需要一个jQuery脚本,它在移动视图中为菜单提供了两件事情。

  1. 关闭,当我点击一个链接。
  2. 关闭,当我点击菜单外。

我是新来的jQuery,所以任何帮助,将不胜感激。谢谢。

+0

那你试过吗? – madalinivascu

+0

我需要一个能够完成上述两件事情的脚本。我只能在单击链接时关闭菜单,而不能在菜单外单击时关闭菜单。 – Rajath

+0

我在点击链接时使用了data-toggle =“collapse”data-target =“。in”来关闭菜单,但我还希望菜单在用户点击菜单之外时关闭 – Rajath

回答

0

找到了解决办法......

  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'); 
        } 
    }); 
    
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'); 

    });