导航栏中的外部URL在引导程序中不起作用

debugcn 发表于 Dev

拉赫·麦克雷

最近设置了一个主题运行引导程序以作为我们的网站运行。一切正常，包括放置在HTML中的外部URL。

问题是，实际的导航栏不会注册外部URL，并且在您单击时不会打开它们。它已被JS“ Magnific Popup”阻止，但我不知道具体为什么。任何帮助将不胜感激。

这是网站的链接，带有错误的导航栏在右上角。

埃姆雷·德库尔（Emre Dokur）

这通常是由javascript内部的preventDefault（）方法引起的。我相信导航原本打算用于锚定滚动。在main.js文件中，您将在第62行找到以下代码。

// Page Nav
var clickMenu = function() {

    $('#navbar a:not([class="external"])').click(function(event){
        var section = $(this).data('nav-section'),
            navbar = $('#navbar');

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

        if ( navbar.is(':visible')) {
            navbar.removeClass('in');
            navbar.attr('aria-expanded', 'false');
            $('.js-fh5co-nav-toggle').removeClass('active');
        }

        event.preventDefault();
        return false;
    });


};

如您所见，该功能阻止了默认操作。阅读此函数后，您可以看到jquery选择器正在寻找没有“外部”类的a标记。只需在标签中添加“外部”类即可解决此问题。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。