2017-03-20 253 views
-1

我有一個問題,這是關於我的導航欄在HTML中摺疊。我目前使用摺疊導航欄切換

http://pastebin.com/s92VvJr6

<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最大

+0

要求爲您寫的代碼的問題不是這個網站的話題。由於你是新人,我會給你一個免費通行證,但我只是警告你,其他用戶可能會因爲缺乏研究和努力而低估這個問題。 – Feathercrown

回答

0

所以,你使用的是自舉導航欄不調用引導js文件或與此有關的css文件?至少我沒有在代碼中看到它,並且應該在jquery調用之後直接調用引導程序js文件。從bootstrap鏈接這兩個文件,你應該沒有問題切換導航欄。

此外,據說這不是一些自由職業網站,我們只是讓你的代碼。這是一個讓你瞭解自己在做什麼的網站。如果我是你,我會編輯出這個聲明pronto或者你冒着大量的downvotes,並刪除問題