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时，一切正常。