Javascript 切换响应CSS代码

所以在我的脚本中，我有很多不同的选项，用户可以通过变量设置。现在我的一个变量是cfs_responsive，我有一个JavaScript if条件检查真/假或1/2值，以及是否设置了实际变量。现在我被困在这里了。一旦我正确地编写了条件，我应该如何打开和关闭响应css代码

我的响应css代码如下所示

/* ===RESPONSIVE=== */
    /* CSS DIRECTORY
        1. =primaryCATEGORY
        2. =subCATEGORY
        3. =lowerCONTENT
    */
    @media all and (max-width: 1000px) {
        /* ===primaryCATEGORY=== */
            /* Single Primary Category Divider */
            .cfs_primaryCategory {
                margin-left: 0px;
                position: absolute;
            }
            .cfs_primaryCategory h1 {
                visibility: hidden;
            }
            .cfs_primaryCategory.cfs_primaryCategory-active h1 {
                visibility: visible;
            }
            .cfs_primaryCategory.cfs_primaryCategory-active {position: relative;z-index: 999;}
        /* ===subCATEGORY=== */
            /* Single Sub Category Divider */
            .cfs_subCategory {
                margin-left: 0px;
                position: absolute;
            }
            .cfs_subCategory.cfs_subCategory-active {position: relative;z-index: 999;}
        /* ===lowerCONTENT=== */
            /* Lower Content Wrapper */
            .cfs_lowerContent-wrapper {
                padding: 25px 35px 0px 35px;
                max-width: 450px;
            }
    }

唯一的方法是将样式表分成两个不同的样式表，然后让if语句中的js包含样式表if true吗

我真的很想把样式表放在一起

让我知道你的想法

---

万分感谢

您将其作为一个单独的样式表保存并从页面中添加/删除的想法是正确的

我能想到的唯一其他选择是在body或另一个父元素上添加/删除一个类，例如

，并在CSS中使用它：

body.responsive .cfs_primaryCategory {...}

JQ

---

响应代码的特定部分根据屏幕的宽度“打开和关闭”。不涉及javascript（或jquery）。答案是更改浏览器的宽度。要么你误解了，要么我误解了这个问题。你误解了我。。。脚本中的选项允许打开或关闭响应模式。因此，禁用script.Ok的响应部分。您将其作为一个单独的样式表保留并从页面中添加/删除的想法是正确的。我能想到的唯一其他选择是在body上添加/删除一个类，即

，并在CSS

body.responsive.cfs_primarycography{…}

中使用它。好主意！我甚至没想过。。。或者因为我的脚本有一个包装器cfs\u wrapper，所以我可以编辑.cfs\u wrapper.cfs\u responsive的响应代码。。。{…]并让js添加额外的响应类！非常感谢，如果你想将该评论作为答案，我会选择你作为最佳答案！再次感谢！

$('body').toggleClass('responsive');
// or $('body').addClass('responsive');
// and $('body').removeClass('responsive');