jQuery單頁和引導

Question

我使用jQuery One Page Nav Plugin與twitter引導。

它工作正常。鏈接到同一頁面上的區域是這樣的：

<li><a href="#section-4">Kontakt</a></li> works great. 

但問題是使鏈接到其他頁面的工作。沒有任何反應，當我點擊鏈接：

<li><a href="blog.html">Blog</a></li> 

HTML：

<div class="navbar" id="top-nav"> 
    <div class="navbar-inner"> 
      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
      </a> 
      <h1><a class="brand" href="index.html">Logo here</a></h1> 
      <div class="nav-collapse collapse"> 
       <ul class="nav pull-right"> 

         <li><a href="#section-2">Cv</a></li> 

         <li><a href="#section-3">Referancer</a></li> 

         <li><a href="#section-4">Kontakt</a></li> 

         <li><a href="blog.html">Blog</a></li> 

       </ul> 
      </div> 
     </div> 
</div> 

JS：

$('#top-nav').onePageNav({ 
      currentClass: 'active', 
      changeHash: true, 
      scrollSpeed: 1200 
      }); 

Answer 1

它看起來像你想的博客鏈接發送給另一個頁面blog.html。

你需要使用過濾選項來過濾掉這個環節，它記錄在這裏：https://github.com/davist11/jQuery-One-Page-Nav#filter-example

HTML：

<li><a href="blog.html" class="external">Blog</a></li> 

JS：

$('#top-nav').onePageNav({ 
    currentClass: 'active', 
    changeHash: true, 
    scrollSpeed: 1200, 
    filter: ':not(.external)' 
});