折叠导航栏切换

-1

我有一个问题，这是关于我的导航栏在HTML中折叠。我目前使用折叠导航栏切换

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<nav> 
 
    <div class="container"> 
 
    <!-- Brand and toggle get grouped for better mobile display --> 
 
    <div class="navbar-header"> 
 
     <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span><i class="fa fa-bars fa-2x" aria-hidden="true"></i></button> 
 
     <script> 
 
     
 
$(function() { 
 
    $('.nav a').on('click', function(){ 
 
     if($('.navbar-toggle').css('display') !='none'){ 
 
      $(".navbar-toggle").trigger("click"); 
 
     } 
 
    }); 
 
}); 
 

 
     </script> 
 
     <img klass="crab" src="images/crab.png" height="50" width="50"> 
 
     <a class="navbar-brand" href="">Restaurang MaxLax</a> </div> 
 
    
 
    <!-- Collect the nav links, forms, and other content for toggling --> 
 
    <div class="menu-collapsed"> 
 
    <div class="bar"></div> 
 
    <div class="collapse navbar-collapse"> 
 
    <nav> 
 
     <ul class="nav navbar-nav"> 
 
     <li><a href="#home" onClick="gaq.push(('_trackPageview', 'home'))" class="link">HOME</a></li> 
 
     <li><a href="#menu" onClick="gaq.push(('_trackPageview', 'menu'))" class="link">MENU</a></li> 
 
     <li><a href="#gallery" onClick="gaq.push(('_trackPageview', 'gallery'))" class="link">GALLERY</a> 
 
     <li><a href="#contact" onClick="gaq.push(('_trackPageview', 'contact'))" class="link">CONTACT</a></li> 
 
     </ul> 
 
    </nav> 
 
    </div> 
 
</div> 
 

 
    <!-- /.navbar-collapse --> 
 
    </div> 
 
    <!-- /.container-fluid --> 
 
</nav>

（我不知道如何将其粘贴在这里，即时通讯新）

当页转到765px宽它显示酒吧图标。问题是我不能点击它来切换一些菜单。所以我的问题导致

问：我如何编写脚本，以便它的工作原理与代码一致。

也将是巨大的，如果你可以把它给我:)嘿嘿

MVH最大

来源

2017-03-20 Max Svensson

要求为您写的代码的问题不是这个网站的话题。由于你是新人，我会给你一个免费通行证，但我只是警告你，其他用户可能会因为缺乏研究和努力而低估这个问题。 – Feathercrown

所以，你使用的是自举导航栏不调用引导js文件或与此有关的css文件？至少我没有在代码中看到它，并且应该在jquery调用之后直接调用引导程序js文件。从bootstrap链接这两个文件，你应该没有问题切换导航栏。

此外，据说这不是一些自由职业网站，我们只是让你的代码。这是一个让你了解自己在做什么的网站。如果我是你，我会编辑出这个声明pronto或者你冒着大量的downvotes，并删除问题

来源

2017-03-20 18:16:12

折叠导航栏切换

回答

相关问题