Question

我正在使用插件进行自适应导航（http://responsive-nav.com）。插件工作得很好，我遇到的问题是每个页面都没有导航。在这种情况下，我注意到其他javascript没有加载，我在引用“responsive-nav.js”时收到错误：

未捕捉错误：您尝试选择的导航元素不存在

以下是我在main.js文件中加载脚本的方法。

$(function(){

    var navigation = responsiveNav(".site-nav__list", {
        customToggle: "#site-nav__toggle",
        open: function(){
            $("#site-nav__toggle").addClass('open');
        },
        close: function(){
            $("#site-nav__toggle").removeClass('open');
        }
    });
});;

在每个页面上调用该文件（/js/responsive-nav.js）但删除它并不能解决问题，注释掉我上面输入的代码 - 所以我猜它是做的事情那个？

希望有人可以帮助，欢呼！

Answer 1

在与插件的作者交谈后，他建议我将脚本包装在＆＃39; if语句中。

以下是我们最终使用的内容：

$(function(){
    if ($(".site-nav__list").length) {
        var navigation = responsiveNav(".site-nav__list", {
            customToggle: "#site-nav__toggle",
            open: function(){
                $("#site-nav__toggle").addClass('open');
            },
            close: function(){
                $("#site-nav__toggle").removeClass('open');
            }
        });
    }
});

简单。像魅力一样工作：）

页面

1 个答案: