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。我们需要更多信息来回答您的问题。