私はjquery同位体で遊んでいるので、1つの要素

Question

に複数のデータオプションキーを設定することは可能です。

私はフィルタリングするdata-option-keyを1つ持っています。

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

と私にはレイアウトを変更するための1つのデータオプションキーがあります。 1つは、内部のデータ・オプション値の異なる種類の、二つの異なるデータ・オプション・キーを持っていたので、

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