同位素 - 单选按钮 + 组合过滤器

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”的数据过滤器值必须为空（不是“*”）。