在加载默认过滤器时,插件运行良好。问题是当更换到另一个过滤器(使用同位素)时,因为元素显示良好,但在滚动时,元素正在重新加载,导致其中任何一个出现闪烁。
我的js代码是:
var $win = $(window);
var $container = $('.PortfolioItemContainer'),
$containerProxy = $container.clone().empty().css({ visibility: 'hidden' });
var $items = $('.PortfolioItemContainer .bgCover');
$items.lazyload({
effect: "fadeIn",
effectspeed: 1500,
failure_limit: Math.max($items.length - 1, 0)
});
var grid = $('.PortfolioItemContainer').isotope({
resizable: false,
filter: '.all',
masonry: { columnWidth: Math.floor( $('.PortfolioItemContainer').width() / 4)},
onLayout: function() {
$win.trigger("scroll");
}
});
欢迎任何解决方案
一个类似的例子在这里:http: //jsfiddle.net/ZnEhn/255/
单击任何其他过滤器并滚动。结果是:显示了从“全部”加载的一些元素,并且现在加载了新元素,因此随机闪烁