Javascript （mixItUp）切换按钮不响应

，我遵循了，更准确地说是可以测试的。我也尝试了复制，但运气不好

尽管过滤器按钮按预期工作，切换按钮仍不响应

---

链接到最小工作时间

---

.mix{
显示：无；
}

div
按钮（class=“filter btn”data filter=“.nodejs”）过滤节点
按钮（class=“filter btn”data filter=“.example”）过滤器示例
按钮（class=“filter btn”data filter=“all”）显示全部
按钮（class=“filter btn”data filter=“none”）隐藏所有
div
按钮（type=“button”class=“mix btn”数据切换=“.nodejs”）。nodejs切换，但
按钮（type=“button”class=“mix btn”data toggle=“.example”）。示例切换，但
ul#混合包装
li.mix.nodejs
div（style=“width:18rem；”）节点1
li.mix.nodejs
div（style=“width:18rem；”）节点12
li.mix.example
div（style=“width:18rem；”）示例1
li.mix.example
div（style=“width:18rem；”）示例12
李安
div（style=“width:18rem；”）测试
李安
div（style=“width:18rem；”）测试

我是MixItUp的作者

看起来您的示例基于MixItUp v2，它是2014年的一个老jQuery插件。切换控件在v3中引入，该版本于2016年发布，是最新的主要版本。MixItUp网站上的所有文档都是针对v3的。实际上，您正试图将v2库与v3api的某些部分结合起来，这将导致各种错误或功能缺失

首先，您可能希望查看v2-v3迁移指南，以启动并运行v3，并确保从代码中删除对v2 API的任何使用：

其次，请阅读题为“使用MixItUp进行过滤”的教程。切换控件和相关概念在此处有详细说明：

最后，Mixitup3包括一系列演示，帮助您开始使用任何功能（）

有两个切换控件演示，演示“和”和“或”控制逻辑之间的区别，希望对您有用：

---

我应该指出，我不希望切换过滤器按钮：true，因为那样会将所有过滤器按钮变成切换按钮。我试图为您解决这个问题，但切换上的文档非常糟糕。我建议您将github问题重新编写为更具体一点，因为缺少关于切换的文档或示例，所以它不会关闭（请参阅）@Graham toggle控件有大量文档记录。我在下面提供了相关文档的链接。“…您必须在回答中披露您的从属关系。”

$('#mix-wrapper').mixItUp({
    load: {
        sort: 'order:desc'
    },
    selectors: {        
        filter: '.filter-btn',
        toggle: '.mix-btn'
    },
    callbacks: {
        onMixFail: function (state) {
            alert('No elements found matching ' + state.activeFilter);
        },
        onMixEnd: function (state) {
            console.log(state.activeFilter);
        }
    }
});