Javascript 我的链接没有打开它应该打开的页面，但将在新选项卡中打开

编辑：渲染的代码为。 你可以找到来源

所以我有一个简单的导航栏：

        <nav>
            <ul>
                <li><a href="#">my works</a></li>
                <li><a href="about.html">about</a></li>
                <li><a href="index.html" style="font-size: 40px;">mnewhouse</a></li>
                <li><a href="#">services</a></li>
                <li><a href="#">contact</a></li>
            </ul>
        </nav>

由于某些原因，当我单击about链接时，它没有重定向到我的about.html页面。奇怪的是，当我在新选项卡或新窗口中打开链接时，它确实打开了正确的页面。有什么想法吗？

在你的

中有一部分代码

// Page Nav
var clickMenu = function() {
    var topVal = ( $(window).width() < 769 ) ? 0 : 58;

    $(window).resize(function(){
        topVal = ( $(window).width() < 769 ) ? 0 : 58;      
    });

    if ( $(this).attr('href') != "#") {
        $('#fh5co-main-nav a:not([class="external"]), #fh5co-offcanvas a:not([class="external"])').click(function(event){
            var section = $(this).data('nav-section');


            if ( $('div[data-section="' + section + '"]').length ) {

                $('html, body').animate({
                    scrollTop: $('div[data-section="' + section + '"]').offset().top - topVal
                }, 500);    

           }
           event.preventDefault();

        });
    }
};

在您的

中有一部分代码

// Page Nav
var clickMenu = function() {
    var topVal = ( $(window).width() < 769 ) ? 0 : 58;

    $(window).resize(function(){
        topVal = ( $(window).width() < 769 ) ? 0 : 58;      
    });

    if ( $(this).attr('href') != "#") {
        $('#fh5co-main-nav a:not([class="external"]), #fh5co-offcanvas a:not([class="external"])').click(function(event){
            var section = $(this).data('nav-section');


            if ( $('div[data-section="' + section + '"]').length ) {

                $('html, body').animate({
                    scrollTop: $('div[data-section="' + section + '"]').offset().top - topVal
                }, 500);    

           }
           event.preventDefault();

        });
    }
};

---

HTML id属性指定HTML元素的唯一id。id属性的值在HTML文档中必须是唯一的

您必须将该类用于导航标记

    <nav class="fh5co-main-nav">
            <ul>
                <li><a href="#">my works</a></li>
                <li><a href="about.html" target="_blank">about</a></li>
                <li><a href="index.html" style="font-size: 40px;">mnewhouse</a></li>
                <li><a href="#">services</a></li>
                <li><a href="#">contact</a></li>
            </ul>
        </nav>

---

我测试了这个方法，一切正常。

HTML id属性为HTML元素指定了一个唯一的id。id属性的值在HTML文档中必须是唯一的

您必须将该类用于导航标记

    <nav class="fh5co-main-nav">
            <ul>
                <li><a href="#">my works</a></li>
                <li><a href="about.html" target="_blank">about</a></li>
                <li><a href="index.html" style="font-size: 40px;">mnewhouse</a></li>
                <li><a href="#">services</a></li>
                <li><a href="#">contact</a></li>
            </ul>
        </nav>

---

我测试了这个方法，一切都很好。

有活的例子吗？链接看起来不错，工作也不错。需要更多上下文。@focus.style我用源代码链接和站点呈现更新了问题。Main.js第255行是什么阻止了clickAny live示例？链接看起来不错，工作也不错。需要更多上下文。@focus.style我用源代码链接和站点呈现更新了问题。Main.js第255行是停止点击的原因。谢谢！很有魅力。非常感谢！工作起来很有魅力。