MixItUp多维过滤

Question

我正在使用jQuery插件MixItUp在我拥有的内容列表上获得一些过滤。

基本的一维过滤工作正常，但我试图使用多重过滤，并没有太多的运气，让它正确。

这里是我的标记：

<div id="page-nav-main" class="clearfix"> 
    <nav id="menuBrands"> 
     <ul> 
      <li><span> 
       <h5>Filter Brands: </h5> 
      </span></li> 
      <li class="filter" data-filter="all"><a href="#">Show All</a></li> 
      <li class="filter" data-filter=".bfs"><a href="#">BusinessForSale.com</a></li> 
      <li class="filter" data-filter=".fs"><a href="#">FranchiseSales.com</a></li> 
      <li class="filter" data-filter=".ps"><a href="#">PropertySales.com</a></li> 
     </ul> 
    </nav> 
    <nav id="menuBanners"> 
     <ul> 
      <li><span> 
       <h5>Filter Banners: </h5> 
      </span></li> 
      <li class="filter" data-filter="all"><a href="#">Show All</a></li> 
      <li class="filter" data-filter=".leaderboard"><a href="#">Leaderboards</a></li> 
      <li class="filter" data-filter=".skyscraper"><a href="#">SkyScrapers</a></li> 
      <li class="filter" data-filter=".mpu"><a href="#">MPUs</a></li> 
      <li class="filter" data-filter=".doublempu"><a href="#">DoubleMPUs</a></li> 
     </ul> 
    </nav> 
</div> 

基本上，我想要做的事：当BusinessForSale和点击排行榜只显示这种类型的BFS范畴。

这里是我的脚本：

$(function() { 
    $('#Container').mixItUp({ 
     load: { 
      filter: 'all' 
     }, 
     controls: { 
      toggleFilterButtons: true 
     } 
    }); 
}); 

我将非常感谢在正确的方向踢。

谢谢！

Answer 1

尝试添加toggleLogic：“和”（默认为“或” ...）

controls: { 
      enable: true, 
      toggleFilterButtons: true, 
      toggleLogic: 'and' 
     }