Question

我一直在测试MixItUp.js来过滤我的类别页面，但我看不出如何避免将我想要过滤的选项放入css类。

出于其他编码原因，我想使用data-attribute代替。但我根本无法弄清楚如何做到这一点。

在他们的例子中，他们像这样使用它：

<div id="Container">
    <div class="mix category-1" data-myorder="2"></div>
    <div class="mix category-2" data-myorder="4"></div>
    <div class="mix category-1" data-myorder="1"></div>
    ...
    <div class="mix category-2" data-myorder="8"></div>
</div>

但我想用这种方法代替。

<div id="Container">
    <div class="mix" data-filter1="category-1" data-myFilter2="brand-1"></div>
    <div class="mix" data-filter1="category-2" data-myFilter2="brand-2"></div>
    <div class="mix" data-filter1="category-1" data-myFilter2="brand-3"></div>
    ...
    <div class="mix" data-filter1="category-2" data-myFilter2="brand-4"></div>
</div>

Answer 1

这可能有效：

<div class="filter" data-filter="[data-filter1=catagory-1] ">Filter this</div>

在mixItUp.js上使用data属性

1 个答案: