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)' 
});