Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/430.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 应用过滤器后如何显示同位素项目_Javascript_Jquery_Html_Css_Jquery Isotope - Fatal编程技术网

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

Javascript 应用过滤器后如何显示同位素项目,javascript,jquery,html,css,jquery-isotope,Javascript,Jquery,Html,Css,Jquery Isotope,我设置了一些同位素图像,但问题是当我第一次加载页面时,所有图像显示示例:显示所有汽车和公共汽车,然后默认过滤器在一秒钟后启动并显示我想要的内容示例:下面的代码将显示汽车。我快发疯了,有人知道我应该做什么吗 jQuery(document).ready(function ($) { var $container = $('#portfolio-items'); var $filter = $('#filter'); $container.is

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

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;
        });

}); 

来一杯JSFIDLE怎么样?并包括您的html。我们需要更多信息来回答您的问题。