0

我试图在这个“Filterable jQuery Portfolio”中选择多个类别。Currently the widget is functional and correctly sorts when one item is selected. 我正在尝试选择多个类别，然后过滤项目。

这是一个示例图像

jQuery 图像示例

这是jQuery代码，我不确定是否使用“MultiSelect”以及放置它的位置。

    jQuery('document').ready(function() {
// PORTFOLIO SORTING
jQuery('div.nimble-portfolio-filter ul li a').click(function() {
    jQuery(this).css('outline','none');
    jQuery('div.nimble-portfolio-filter ul .current').removeClass('current');
    jQuery(this).parent().addClass('current');
    var filterVal = jQuery(this).attr('rel');
    if(filterVal == 'all') {
        jQuery('div.nimble-portfolio ul li.hidden').fadeIn('normal').removeClass('hidden');
    } else {
        jQuery('div.nimble-portfolio ul li').each(function() {
            if(!jQuery(this).hasClass(filterVal)) {
                jQuery(this).fadeOut('normal').addClass('hidden');

            } else {
                jQuery(this).fadeIn('normal').removeClass('hidden');
            }
        });
    }

这是演示的链接

4

0 回答 0