Question

我确定已经问过并回答了这个问题，但我无法找到正确的搜索条件来查找它。我正在使用slimmenu jquery插件，它有一个非常简单的初始化。

$('#navigation').slimmenu({});

我在导航菜单上使用此功能并且工作正常。我希望它仅在768px或更低时激活，并在768px以上停用。激活工作正常，但如果我的大小超过768px，它仍然有效。我不确定如何删除或解除绑定。

这是我的代码：

$(window).on("load resize", function () {
    if ($(window).width() < 769) { // only run if 768 or less
        $('.nav.main-nav').addClass('slimmenu'); // add class to nav to trigger responsive nav
        $('.nav.main-nav.slimmenu').slimmenu({ // responsive nav function
        });
    }
    else {
    }
}); // end on load resize

＆＃34; else＆＃34;部分我似乎无法开始工作。我尝试过很多东西，包括 1）删除＆＃34; slimmenu＆＃34;类 2）unbind（），off（），remove（），detach（）

该插件在激活时添加了语义标记，我需要在未激活时将其删除，因为当导航菜单未被使用时它会弄乱样式。我不知道如何撤消＆＃34; slimmenu功能，如果确实有办法。

感谢您的帮助！

Answer 1

为什么不使用CSS媒体查询来改变样式？

@media all and (max-width: 768px) {
            .yourClass {
                       //styles to apply at 768px or below
            }
}

如何从特定视口大小下方的选择器中取消挂钩或删除功能

1 个答案: