只有在导航栏中工作的锚链接

Question

所以我正在使用网站模板，我想要做的其中一个更改是使用联系人链接。 使用默认模板，导航栏中的所有链接都是锚点链接，这些链接将转到页面中的不同部分。 我想要更改联系人链接，因此它是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>

Answer 1

将Javascript或Jquery单击处理程序添加到元素中，如下所示：

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

Answer 2

感谢您的所有建议，但实际上我得到了设计师的回复：

整个介绍导航使用一个名为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)' } );