Navbar鏈接到其他頁面不工作

我想將我的導航欄中的「攝影」部分鏈接到頁面photos.html。但由於某些原因鏈接無法正常工作，但是當我在URL中輸入頁面時，出現了正確的頁面。我已經嘗試了外部鏈接到導航欄列表的鏈接，並且由於某種原因，它可以正常工作，但當我將它鏈接到導航欄中的某個選擇時不起作用。Navbar鏈接到其他頁面不工作

<nav class="navbar navbar-default navbar-fixed-top navbar-centered navbar-custom"> 
    <div class="container-fluid"> 
     <div class="navbar-header"> 
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar"> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
      </button> 
      <a class="navbar-brand" href=#title><img src="rectangle_logo(1).png" height="25px"></a> 
     </div> 
     <div class="collapse navbar-collapse" id="myNavbar"> 
      <ul class="nav navbar-nav navbar-center"> 
       <li> <a href=#title>Home </a></li> 
       <li> <a href=#about> About</a></li> 
       <li> <a href=#Projects> Projects </a></li> 
       <li> <a href="photos.html">Photography </a><li> //here is where I try and link to the next page 
       <li><a href=#Contact> Contact </a></li> 
      </ul> 
     </div> 
    </div> 
</nav>

Home Page和Page that need to Redirect user to

來源

2016-04-03 Faisal148991

你的JavaScript功能可以防止正常工作的鏈接：

$(".navbar a,.title a, footer a[href='#myPage']").on('click', function(event) { 

     // Prevent default anchor click behavior 
     event.preventDefault(); 

}

你可以在鏈接用戶類，你的函數應該工作：

<ul class="nav navbar-nav navbar-center"> 
    <li> <a href="#title" class="prevent">Home </a></li> 
    <li> <a href="#about" class="prevent"> About</a></li> 
    <li> <a href="#Projects" class="prevent"> Projects </a></li> 
    <li> <a href="photos.html">Photography </a></li> //here is where I try and link to the next page 
    <li> <a href="#Contact" class="prevent"> Contact </a></li> 
</ul>

，然後改變你的JavaScript到新類：

$(".navbar .prevent,.title a, footer a[href='#myPage']").on('click', function(event) { 

     // Prevent default anchor click behavior 
     event.preventDefault(); 

}

來源

2016-04-03 17:50:01 sepiott

有一個錯字

<li> <a href="photos.html">Photography </a><li>

已被關閉<li>標籤爲</li>

<li> <a href="photos.html">Photography </a></li>

來源

2016-04-03 17:48:58 AVI

有代碼錯誤

$('html, body').animate({ 
     scrollTop: $(hash).offset().top 
     }, 900, function(){ 


Can not read property top of undefined

來源

2016-04-03 17:52:01 boomcode

Navbar鏈接到其他頁面不工作

回答

相關問題