如何在应用过滤器后显示同位素项目

时间:2014-09-04 18:50:48

标签: javascript jquery html css jquery-isotope

我设置了一些同位素图像,但问题是当我第一次加载所有图像显示的页面时(例如:显示所有汽车和公共汽车),然后默认过滤器在一秒后启动并显示我想要的(示例) :下面的代码将显示汽车)。它让我疯了,有谁知道我应该做什么?

jQuery(document).ready(function ($) {   

        var $container = $('#portfolio-items');
        var $filter = $('#filter');
        $container.isotope({
            filter: '.cars',
            layoutMode: 'fitRows',
            animationOptions: {
                duration: 750,
                easing: 'linear'
            }
        });   


        $filter.find('a').click(function () {
            var selector = $(this).attr('data-filter');
            $filter.find('a').removeClass('current');
            $(this).addClass('current');
            $container.isotope({
                filter: selector,
                animationOptions: {
                    animationDuration: 750,
                    easing: 'linear',
                    queue: false,
                }
            });
            return false;
        });

}); 

0 个答案:

没有答案