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/

是否可以为一个元素设置多个data-option-key

1 个答案: