2017-03-20 9 views
-1

質問があり、それはhtmlのnavbarの崩壊です。ページが765px幅になると私は現在、それが示しCollapse navbar toggle

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>

(私は新しいイム、ここでそれを貼り付ける方法がわからない)

を使用しますバーアイコン。問題は、私はそれをクリックしていくつかのメニューをトグルすることができないということです。私の質問は

につながります。Q:コードをどのように書くのですか?

あなたは私のためにそれを:)作ることができれば

も素晴らしいことだ笑

MVHマックス

+0

あなたのために書かれたコードを尋ねる質問は、このサイトのトピックではありません。私はあなたが新しいので、あなたに無料のパスを与えますが、私はあなたに警告しています、他のユーザーは研究と努力の欠如のためにこの質問をd​​ownvoteする可能性が高いです。 – Feathercrown

答えて

0

だから、そのことについては、ブートストラップのjsファイルやCSSファイルを呼び出すことなく、ブートストラップのナビゲーションバーを使用していますか?少なくとも私はあなたのコードでそれを見ていないと、ブートストラップのjsファイルは、jquery呼び出しの後に直接呼び出す必要があります。これらの2つのファイルをブートストラップからリンクすると、navbarの切り替えに問題はありません。

また、これは私たちがあなたのコードを作成するだけのフリーランスサイトではありません。これはあなたが何をしているのかを知るためのサイトです。私があなたの場合、私はその文章を編集するか、ダウンフォースが激しくなり、質問が取り除かれる危険性があります。

関連する問題