我们有一个简单的脚本来过滤结果:
$('ul.filter li a').click(function() {
$('ul.filter li a').removeClass("selected");
$(this).addClass("selected");
var getvalue = $(this).attr('rel');
$('.portfolioThumbs li.all').animate({opacity:0.1}).css('pointer-events', 'none');
$('.portfolioThumbs li.'+getvalue).animate({opacity:1}).css('pointer-events', 'auto');
return false;
});
基本上每个 ul.filter 链接都是一个不同的过滤按钮。
我们想要的是让单击的过滤器按钮保持突出显示(选择类),以便他们知道他们在看什么,然后显然如果他们单击另一个过滤器按钮使另一个过滤器不保持突出显示,而是突出显示新的筛选。
我们尝试了以上哪种工作方式,但是有没有更好的方法呢?