Question

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

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

以下是该网站的链接，错误导航栏位于右上角。

Answer 1

这通常是由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选择器正在寻找标签没有＆＃34;外部＆＃34;类。只需添加＆＃34;外部＆＃34;类标记将解决问题。

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

1 个答案: