jquery同位素如何实现嵌套过滤

时间:2013-10-01 17:05:33

标签: jquery nested jquery-isotope

有人能指出我在正确的方向上,如何在同位素中实现嵌套过滤?我试图复制这里使用的方法 - http://voky.com.ua/frittata/dark.html,特别是当点击博客或投资组合时,他们反过来过滤更多的项目。如何用同位素实现这一目标?

非常感谢。

1 个答案:

答案 0 :(得分:0)

烟雾和镜子......它并没有真正使用“嵌套”过滤器。

他正在从哈希中提取id参数并创建类似.sectionname{id}的过滤器,而不是仅仅.sectioname的顶级过滤器。基本上它不是嵌套的,只需使用“很多”过滤器。

else if( page == 'portfolio' )
{
     filter = '.item-portfolio';
     if( id )
     {
        filter = '#item-portfolio' + id;
        elem = $(filter);
        console.log(elem);
        if( elem.prevAll('.item-portfolio-details').length )
        {
            id = elem.prevAll('.item-portfolio-details').eq(0).attr('id');
            $('#item-next').attr('href', '#page=portfolio&id=' + id.substr(14));
            filter += ', #item-next';
        }
        if( elem.nextAll('.item-portfolio-details').length )
        {
            id = elem.nextAll('.item-portfolio-details').eq(0).attr('id');
            $('#item-prev').attr('href', '#page=portfolio&id=' + id.substr(14));
            filter += ', #item-prev';
        }
        filter += ', #item-back-portfolio';
     }
}

显示的其余代码正在确定是否包含下一个和上一个按钮(如果需要,还会附加其他过滤器值)。非常酷的网站。