JQuery Bootstrap標頭衝突

Question

我一直在尋找答案這一個無濟於事。我有Bootstrap，然後使用JQuery進行無限滾動。無限滾動工作正常，但我有bootstrap的標準演示導航欄和ul/lis閃爍起來，然後從頁面消失，所以可能是jquery和bootstrap之間的衝突。

這裏是導航欄：

<nav class="navbar navbar-inverse navbar-fixed-top"> 
    <div class="container"> 
    <div class="navbar-header"> 
     <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> 
     <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="#">Bootstrap theme</a> 
    </div> 
    <div id="navbar" class="navbar-collapse collapse"> 
     <ul class="nav navbar-nav"> 
     <li class="active"><a href="#">Home</a></li> 
     <li><a href="#about">About</a></li> 
     <li><a href="#contact">Contact</a></li> 
     <li class="dropdown"> 
      <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a> 
      <ul class="dropdown-menu"> 
      <li><a href="#">Action</a></li> 
      <li><a href="#">Another action</a></li> 
      <li><a href="#">Something else here</a></li> 
      <li role="separator" class="divider"></li> 
      <li class="dropdown-header">Nav header</li> 
      <li><a href="#">Separated link</a></li> 
      <li><a href="#">One more separated link</a></li> 
      </ul> 
     </li> 
     </ul> 
    </div><!--/.nav-collapse --> 
    </div> 
</nav> 

這是無論在哪裏我把它放在腳本（頂部或底部），導致該問題的JavaScript：

<!-- <script src="../js/jquery-2.0.min.js"></script>--> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
<script type="text/javascript"src="../js/jquery-ias.js"></script> 
<script src="/js/bootstrap.min.js"></script>` 

通知我也嘗試過兩個版本的jquery。

我不知道如何識別衝突，是什麼問題？

謝謝！

Answer 1

使用$ .noConflict（）;

Reference url