javascript - 只有 anchor 链接在导航栏中工作

Question

所以我正在使用一个网站模板，我想做的其中一项更改是联系链接。使用默认模板，导航栏中的所有链接都是指向页面不同部分的 anchor 链接。我想更改联系人链接，使其成为 mailto 链接，但我发现由于某种原因，外部链接在导航栏中不起作用。

我的问题是模板由一大堆 CSS 和 JS 文档组成，我不知道代码的哪一部分会导致这个问题。外部链接可以在页面的其他地方使用，但不能在导航栏中使用。你们知道什么样的代码可能会导致这种情况，以便我可以更好地了解在哪里寻找解决问题的方法吗？

就其值(value)而言，代码如下所示:

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