Filterizr,在初始加载时应用过滤器

时间:2017-01-16 23:25:41

标签: javascript jquery filter

我正在使用Filterizr作为投资组合。 http://yiotis.net/filterizr/#docs 我有5个类别,我有按钮,在点击时应用过滤器。 我正在使用以下代码初始化:

<script>
    var filterizd = $('.filtr-container').filterizr({
    layout: 'packed'
    });
</script>

过滤器都可以正常工作。 但是,当页面最初加载时,不会应用任何过滤器,因此所有图像都会加载,而且过多。 我希望脚本在页面最初加载时加载我的一个过滤器 - 所以在实际点击任何过滤器按钮之前:

data-filter="1"

我怀疑可以将某些内容添加到脚本选项以及我的布局选项中,但我在页面文档中看不到任何内容。

请欣赏任何帮助

1 个答案:

答案 0 :(得分:4)

您需要将options对象中的初始过滤器设置为要在init上显示的类别,如下所示:

<script>
    var filterizd = $('.filtr-container').filterizr({
    filter: 1,
    layout: 'packed'
    });
</script>

这将初始化您的图库,类别nr 1设置为活动。