0
私は同位体で6つのカテゴリの間でフィルタリングしようとしています。現在はcat1
が選択されている場合はcat1
の項目が表示されますが、cat1
とcat2
を選択すると、cat1
とcat2
の両方の項目が表示されます。私がしたいのはボトムcat1
とcat2
のアイテムだけです。別々に表示するだけではありません。これは可能ですか?ここで同位体によるコンボフィルタリング?
は私のcombofilterここ
var data = {
accredited: 'seo social-media lead-generation marketing-automation blogging email-marketing'.split(' '),
};
function getComboFilter(filters) {
var i = 0;
var comboFilters = [];
var message = [];
for (var prop in filters) {
message.push(filters[ prop ].join(' '));
var filterGroup = filters[ prop ];
// skip to next filter group if it doesn't have any values
if (!filterGroup.length) {
continue;
}
if (i === 0) {
// copy to new array
comboFilters = filterGroup.slice(0);
} else {
var filterSelectors = [];
// copy to fresh array
var groupCombo = comboFilters.slice(0); // [ A, B ]
// merge filter Groups
for (var k=0, len3 = filterGroup.length; k < len3; k++) {
for (var j=0, len2 = groupCombo.length; j < len2; j++) {
filterSelectors.push(groupCombo[j] + filterGroup[k]); // [ 1, 2 ]
}
}
// apply filter selectors to combo filters for next group
comboFilters = filterSelectors;
}
i++;
}
var comboFilter = comboFilters.join(', ');
return comboFilter;
}
あなたは、同位元素フィルタリングに
http://isotope.metafizzy.co/v1/docs/filtering.htmlをCSSセレクタを使用することができ、私のボタンの例(チェックボックス)
<div class="examples-filter-button-container" id="filterButtons">
<div class="filter-buttons" data-group="accredited">
<label>
<input class="ex-button" type="checkbox" name="SEO" value=".SEO"><span>SEO</span>
</label>
</div>
</div>