javascript - 在响应式设计中禁用 Javascript 扩展器

Question

我对 Javascript 非常陌生，并且在设计移动网站时使用了扩展器。脚本如下所示：

$(function () {

    $('.expander .details').hide();
    $('.expander .trigger').

    click(function (e) {
        e.preventDefault();
        $(this).next().slideToggle().parent().toggleClass("open");
    });

    $('button#expandAll').click(function (e) {
        $('.expander .details').slideDown().parent().addClass("open");
    });

    $('button#collapseAll').click(function (e) {
        $('.expander .details').slideUp().parent().removeClass("open");
    });
});

我想要做的是在站点宽度达到 600 像素以上时禁用扩展器。我已经尝试过调整窗口大小，但我无法找出正确的语法。有人可以帮我吗？

Answer 1

使用宽度（）。

if($(document).width() > 600) {
    $('.expander .trigger').click(function (e) {
        e.preventDefault();
        $(this).next().slideToggle().parent().toggleClass("open");
    });
} else {
    $('.expander .trigger').hide();
}