0

在加载默认过滤器时,插件运行良好。问题是当更换到另一个过滤器(使用同位素)时,因为元素显示良好,但在滚动时,元素正在重新加载,导致其中任何一个出现闪烁。

我的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");
    }
});

滚动屏幕截图。有时会重新加载(闪烁)2,3,4,.. 元素 在此处输入图像描述

欢迎任何解决方案

一个类似的例子在这里:http: //jsfiddle.net/ZnEhn/255/

单击任何其他过滤器并滚动。结果是:显示了从“全部”加载的一些元素,并且现在加载了新元素,因此随机闪烁

4

0 回答 0