そこにいるすべての jQuery ヒーローに助けが必要です! （また）
インターネットで同様の質問を見つけましたが、これまでのところ回答がありませんでした:-/
jquery同位体でたくさんのアイテムをフィルタリングしたい。プラグインのホームページから組み合わせフィルターの例を採用しました。これは正常に機能し、次のようになります。
$(function () {
var $container = $('#container'),
filters = {};
$container.isotope({
itemSelector: '.item',
filter: '',
});
// filter links
$('.filter a').click(function () {
var $this = $(this);
// don't proceed if already selected
if ($this.hasClass('selected')) {
return;
}
var $optionSet = $this.parents('.option-set');
// change selected class
$optionSet.find('.selected').removeClass('selected');
$this.addClass('selected');
// store filter value in object
// i.e. filters.color = 'red'
var group = $optionSet.attr('data-filter-group');
filters[group] = $this.attr('data-filter-value');
// convert object into array
var isoFilters = [];
for (var prop in filters) {
isoFilters.push(filters[prop])
}
var selector = isoFilters.join('');
$container.isotope({
filter: selector
});
return false;
}); });
フィルタ メニューのいくつかの html:
<div id="nav">
<ul class="filter option-set" data-filter-group="who">
<li><a href="#filter-who-any" data-filter-value="" class="selected">Any</a></li>
<li><a href="#filter-who-boys" data-filter-value=".boys">Boys</a></li>
<li><a href="#filter-who-girls" data-filter-value=".girls">Girls</a></li>
</ul>
</div>
組み合わせ可能な 3 つのフィルター カテゴリを使用して、フィドルデモをセットアップしました。
ここで、各カテゴリから複数のタグを選択できるようにしたいと思います。
カテゴリ 1: aまたはbまたはc
と
カテゴリ 2: aまたはbまたはc
と
カテゴリ 3: aまたはbまたはc
desandroによるcheck-box-exampleがありますが、カテゴリ間の AND 条件を維持したいので、これは私が探しているものではありません。基本的に、それぞれにいくつかのチェックボックスを備えた3つのフィルターカテゴリが必要です（またはリンクですが、チェックボックスの方が機能的だと思います）。両方の例で使用されているメソッドはまったく異なると思います。それらの機能を組み合わせる方法がわかりません。
あなたが私の主張を理解し、誰かが私が解決策を見つけるのを手伝ってくれることを願っています.
前もって感謝します！