簡體   English   中英

只有在導航欄中工作的錨鏈接

[英]Only anchor links working in nav bar

所以我正在使用網站模板,我想要做的其中一個更改是使用聯系人鏈接。 使用默認模板,導航欄中的所有鏈接都是錨點鏈接,這些鏈接將轉到頁面中的不同部分。 我想要更改聯系人鏈接,因此它是mailto鏈接,但我發現由於某種原因外部鏈接在導航欄中不起作用。

我的問題是模板由一大堆CSS和JS文檔組成,我不知道代碼的哪一部分會導致這個問題。 外部鏈接在頁面的其他位置工作,但不在導航欄中。 你們知道什么樣的代碼可能導致這種情況,以便我可以更好地了解解決問題的方法嗎?

對於它的價值,代碼如下所示:

    <section id="intro">
        <nav id="nav" style="background:-webkit-canvas(background) repeat;">
            <nav id="nav-1" style="background:-moz-element(#background) repeat;">
            <!-- The content between <span> </span> tags will be hidden on mobile version -->
            <ul class="clearfix">
                <li><a href="#education">Edu<span>cation</span></a></li>
                <li><a href="#portfolio">Por<span>tfolio</span></a></li>
                <li><a href="#experience">Exp<span>erience</span></a></li>
                <li><a href="#contact">Con<span>tact</span></a></li>
            </ul>
            </nav>
        </nav>
    </section>

將Javascript或Jquery單擊處理程序添加到元素中,如下所示:

$("a[href=#contact]").on("click", function() {
    //Your code Here...
});

感謝您的所有建議,但實際上我得到了設計師的回復:

整個介紹導航使用一個名為jQuery One Page Nav的jQuery插件作為一系列相同的頁面鏈接。 你可以在這里找到更多相關信息:

https://github.com/davist11/jQuery-One-Page-Nav

assets/js/custom.curriculum.js文件中,您可以找到啟用此導航的腳本行:

$( '#nav ul' ).onePageNav( { scrollSpeed: 400 } );

基於該插件,您可以通過類添加異常。 因此,假設您需要一個鏈接來保持其默認操作,您需要在該鏈接中添加一個“外部”類,然后用以下代碼替換JS文件中的代碼,這會為“外部”類添加例外:

$( '#nav ul' ).onePageNav( { scrollSpeed: 400, filter: ':not(.external)' } );

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM