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