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

Disabling Javascript expanders on Responsive Design

本文关键字：Javascript 扩展器 响应      更新时间：2023-09-26

我是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");
    });
});

我要做的是当站点宽度超过600px时禁用扩展器。我试过调整窗口大小，但我不能找出正确的语法。有人能帮我一下吗?

使用width().

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