Question

因此，通过典型的JS过滤，您可以设置类别A B C D并按照这种方式对图库进行排序。

我希望能够添加另一层。

所以你有一个有12个街区的画廊。有些会链接到照片，有些会链接到视频。他们都是狗猫和鸟。

我希望能够在照片或视频之间进行第一级过滤。然后下一层过滤将进一步定义 - 狗猫或鸟。

全部 - 照片 - 视频
全部 - 狗 - 猫 - 鸟

我在这里设置了典型的1级过滤：

$(document).ready(function () {
    $('ul#filter a').click(function () {
        $(this).css('outline', 'none');
        $('ul#filter .current').removeClass('current');
        $(this).parent().addClass('current');

        var filterVal = $(this).text().toLowerCase().replace(' ', '-');

        if (filterVal == 'all') {
            $('ul#portfolio li.hidden').fadeIn('slow').removeClass('hidden');
        } else {

            $('ul#portfolio li').each(function () {
                if (!$(this).hasClass(filterVal)) {
                    $(this).fadeOut('normal').addClass('hidden');
                } else {
                    $(this).fadeIn('slow').removeClass('hidden');
                }
            });
        }

        return false;
    });
});

jsfiddle

创建多重层到过滤器 - sorting.js

0 个答案: