同位素 - 无线电按钮+组合滤波器

Question

我正在使用Isotope对WordPress帖子进行排序。

我需要使用组合过滤器，将链接列表与一组单选按钮组合在一起。使用此示例（http://bit.ly/1Rgf45i），我添加了单选按钮功能，我也找到了组合过滤器的示例（http://bit.ly/1VXbtug），但我不明白如何将两者结合起来。有人可以帮忙吗？查看开发站点链接的评论 - 我没有足够的经验发布第三个链接。谢谢！

Answer 1

您需要创建一个函数，该函数收集所有选定按钮的过滤器值，并在点击任何过滤器按钮时调用它（在$(this).addClass('selected')之后的行之后）。

我为您制作代码示例，但也许必须为您的网站略微编辑。

function allfilters() {
    buttonFilter = '';

    $('.button.selected').each(function () {
        if($(this).attr('data-filter')) {
            buttonFilter += $(this).attr('data-filter');
        }
    });

    $('.isotope').isotope({filter: buttonFilter});
}

对于这个脚本，我认为按钮“Everything”的数据过滤器值必须为空（不是“*”）。