デフォルトのフィルターをロードすると、プラグインはうまく機能します。問題は、別のフィルター (アイソトープを使用) に変更すると要素がうまく表示されますが、スクロールすると要素がリロードされ、それらのいずれかが点滅します。
私の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/
他のフィルターをクリックしてスクロールします。結果は次のとおりです。「すべて」からロードされたいくつかの要素が表示され、新しい要素がロードされるため、ランダムに点滅します