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作为一系列相同的页面链接插件名为jQuery One Page Nav。你可以在这里找到更多相关信息：

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

在assets/js/custom.curriculum.js文件中即可找到启用此导航的脚本行：

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

根据插件，您可以通过类添加异常。所以假设你想要一个要保留其默认操作的链接，您需要添加“外部”链接。类到那个链接和然后，用下面的代码替换JS文件中的代码外部＆＃39;的例外情况类：

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

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

2 个答案: