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：'and‘(它默认为’或‘.)

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