是否有可能为一个元素设置多个数据选项键

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/