1

私はTwitterブートストラップでjQueryOnePageNavプラグインを使用しています。

正常に動作しています。次のように同じページの領域にリンクします。

<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 に送信しようとしているようです。

このリンクを除外するには、フィルター オプションを使用する必要があります

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 に答える