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 和 Leaderboards 以在 BFS 类别中仅显示此类型时。

这是我的脚本：

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

我非常感谢您朝着正确的方向发展。

谢谢！

Answer 1

尝试添加 toggleLogic: 'and'（默认为 'or'...）

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