1

だから私はjqueryアイソトープで遊んでいます。

フィルタリングするデータオプションキーが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>

レイアウトを変更するためのdata-option-keyが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>

これらのリンクを組み合わせて、2つの異なるdata-option-keysを持ち、内部に異なる種類のdata-option-valuesを含める方法はありますか。（私が使用している標準スクリプトは、アイソトープのWebサイトにあります）

ありそうもないようですが、一見の価値があります！

ありがとう

4

1 に答える 1

2

JSON を data-option-value として配置できるため、複数の値を持つことができます。

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

于 2012-03-16T17:16:54.557 に答える