2016-08-10 5 views
0

私は同位体で6つのカテゴリの間でフィルタリングしようとしています。現在はcat1が選択されている場合はcat1の項目が表示されますが、cat1cat2を選択すると、cat1cat2の両方の項目が表示されます。私がしたいのはボトムcat1cat2のアイテムだけです。別々に表示するだけではありません。これは可能ですか?ここで同位体によるコンボフィルタリング?

は私の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> 

答えて

0

です

ので

$container.isotope({ filter: ".cat1.cat2" }); 

は、両方のクラス

を持っている要素のみを表示します
関連する問題