在mixItUp.js上使用數據屬性

我一直在測試MixItUp.js用於過濾我的類別頁面，但我看不到如何避免將我想要過濾的選項放到css類中。在mixItUp.js上使用數據屬性

對於其他編碼的原因，我想使用數據屬性來代替。但我根本無法弄清楚如何去做。

在他們的榜樣

他們使用這樣的：

<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>

來源

2014-10-05 ClarkBirkelund

這可能會實現：

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

來源

2015-02-21 10:59:34

在mixItUp.js上使用數據屬性

回答

相關問題