この「フィルタ可能な jQuery ポートフォリオ」で複数のカテゴリを選択しようとしています。現在、ウィジェットは機能しており、1 つのアイテムが選択されたときに正しくソートされます。複数のカテゴリを選択してアイテムをフィルタリングしようとしています。
ここに画像の例があります
これが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');
}
});
}
デモのリンクはこちら