是否有可能爲一個元素設置多個數據選項鍵

Question

因此我在玩jquery同位素。

我有一個數據選項鍵過濾;

<ul id="filters" class="option-set clearfix" data-option-key="filter"> 
    <li><a href="#filter" data-option-value=".filterA" class="selected">A</a></li> 
    <li><a href="#filter" data-option-value=".filterB">B</a></li> 
</ul> 

和我有一個數據選項鍵來改變佈局;

<ul id="layouts" class="option-set clearfix" data-option-key="layoutMode"> 
    <li><a href="#layout" data-option-value="layoutC" class="selected">C</a></li> 
    <li><a href="#layout" data-option-value="layoutD">D</a></li> 
</ul> 

有這些鏈接結合的方式，使一個有兩個不同的數據選項，按鍵，不同種類的內部數據期權價值。 （我使用的標準腳本可以在isotope website找到）

似乎不太可能，但它的價值！

感謝

Answer 1

你可以把JSON數據期權價值，因此，你可以有多個值。

<ul id="layouts" class="option-set clearfix" data-option-key="layoutMode"> 
    <li><a href="#layout" data-option-value='["one", "two"]'>C</a></li> 
    <li><a href="#layout" data-option-value="layoutD">D</a></li> 
</ul>​ 


data = $('#layouts').find('a:first').attr('data-option-value') 
console.log($.parseJSON(data)[0]);​ 

見這裏的例子：http://jsfiddle.net/464hh/