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：＆＃39;和＆＃39; （默认为＆＃39;或＆＃39; ...）

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

MixItUp多维过滤

1 个答案: