2017-06-19 20 views
0

私の応答性の高いNavbarの折りたたみボタンが展開されない理由を理解するのは苦労しています。この場合、私のウェブページは検索結果ページです。検索結果(上記)が空である場合検索結果が空の場合、Boostrap Navbarの折りたたみが展開できない

http://uforest.org/search.php?user_query=test

、ナビゲーションバーの崩壊は開きません。しかしながら

http://uforest.org/search.php?user_query=mango

、検索結果は、例えば、少なくとも1つの結果を与えました上記のURLをクリックすると、ナビゲーションバーの縮小ボタンを展開できます。

これはなぜそうだと思いますか?

私の他のすべてのページで問題なく使用したnavbarのコードの下に。

<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"> 
     <div class="container"> 
      <!-- Brand and toggle get grouped for better mobile display --> 
      <div class="navbar-header"> 
       <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> 
        <span class="sr-only">Toggle navigation</span> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
       </button> 
       <a class="navbar-brand" href="index.php">Urban Forest</a> 
      </div> 
      <!-- Collect the nav links, forms, and other content for toggling --> 
      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 
       <ul class="nav navbar-nav"> 
        <li> 
         <a href="about.php">About</a> 
        </li> 
        <li> 
         <a href="recent_post.php">Plant Index</a> 
        </li> 
        <li> 
         <a href="http://uforest.blogspot.com" target="_blank">Blog</a> 
        </li> 
       </ul> 
      </div> 
      <!-- /.navbar-collapse --> 
     </div> 
     <!-- /.container --> 
    </nav> 

答えて

1

あなたの両方のリンクを確認しました。ビューソース:"http://uforest.org/search.php?user_query=test"であなたがbootstrap.min.js

あなたはここで確認することができます含まれていないされて

実際http://uforest.org/search.php?user_query=test

は、次のファイル

<!-- jQuery --> 

<script src="/js/jquery.js"></script> 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> 

<!-- Bootstrap Core JavaScript --> 
<script src="/js/bootstrap.min.js"></script> 

彼らはすでにでているが欠落していますビュー元:http://uforest.org/search.php?user_query=mango

それを含めるだけで動作します。

が楽しい

+0

ああを持っている...おかげで、私は頭のタグにそれらをシフトし、それが今で正常に動作します。どちらも実際には同じページに属していましたが、とても奇妙です。そして、それらのjsスクリプトタグはボディの終了タグの直前に置かれ、検索結果のPHPタグの外側に置かれていました。あなたは結果が何もないときに彼らがなぜ消えるのか知っていますか? – Jake

+0

申し訳ありませんが私は分かりません。 –

+0

少なくともあなたが原因を見つけました、ありがとうございました! – Jake

関連する問題