1

我正在使用带有 twitter bootstrap 的jQuery One Page Nav 插件。

它工作正常。链接到同一页面上的区域，如下所示：

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

1 回答 1

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)'
});
于 2013-03-12T20:39:57.503 回答