Bootstrap 3導航欄無法轉換頁面（顯示「正在加載」並顯示頁面下方的內容）

Question

我有兩個.html頁面，其中有很多複製粘貼的內容。

他們都有導航欄，它在演示中的樣子和一些額外的鏈接。

當我點擊任何應該轉到新頁面的鏈接時，它會嘗試淡出，然後它會在完全相同的頁面上淡出，並在下面添加一個「加載」標題，並且新頁面附加到頁面！

<nav class="navbar navbar-default" role="navigation"> 
<div class="container-fluid nav"> 
    <!-- 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"> 
      <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="#">Test</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 class="active"><a href="employee.html" >Jobs</a></li> 
      <li><a href="#" data-toggle="tooltip" data-placement="top" title="Coming Soon">Messages</a></li> 
      <li><a href="#" data-toggle="tooltip" data-placement="top" title="Coming Soon">Profile</a></li> 
      <li><a href="../Code/" data-toggle="tooltip" data-placement="top" title="Coming Soon">Logout</a></li> 
      <li><a href="employer.html">For Employers</a></li> 
      <li><hr/></li> 
      <li><a href="#">Terms & Privacy</a></li> 
     </ul> 
    </div> 
</div> 
</nav> 

Answer 1

問題是jQuery Mobile有衝突。當我刪除jQuery Mobile時，一切正常。