同位素图像已加载不使用过滤器

Question

我想将isotope.js与Filters和FitRow Layout一起使用。但是当我尝试这段代码时，所有图像都是重叠的。

var $container=$(".portfolio-content");
$container.isotope({itemSelector:".portfolio-items",layoutMode:"fitRows"});
$("#filters").on("click","a",function(){var a=$(this).attr("data-filter");
$container.isotope({filter:a})});
$(".button-group").each(function(b,a){var c=$(a);c.on("click","a",function(){c.find(".is-checked").removeClass("is-checked");
$(this).addClass("is-checked")})});

当我尝试使用ImagesLoaded插件时，过滤器已损坏且无法正常工作。这是带有imageloaded的代码：

var $container = $('.portfolio-content');
$container.imagesLoaded(function(){
$container.isotope({itemSelector :".portfolio-items",layoutMode : 'fitRows'});
});
$("#filters").on("click","a",function(){var a=$(this).attr("data-filter");
$container.isotope({filter:a})});
$(".button-group").each(function(b,a){var c=$(a);c.on("click","a",function(){c.find(".is-checked").removeClass("is-checked");
$(this).addClass("is-checked")})});

有人有想法吗？我只想使用isotope.js，过滤器正常工作。