Javascript 同位素图像显示不使用过滤器
我想将同位素.js与过滤器和FitRow布局一起使用。但当我尝试这段代码时,所有图像都是重叠的Javascript 同位素图像显示不使用过滤器,javascript,image,overlapping,jquery-isotope,Javascript,Image,Overlapping,Jquery Isotope,我想将同位素.js与过滤器和FitRow布局一起使用。但当我尝试这段代码时,所有图像都是重叠的 var $container=$(".portfolio-content"); $container.isotope({itemSelector:".portfolio-items",layoutMode:"fitRows"}); $("#filters").on("click","a",function(){var a=$(this).attr("data-filter"); $container.
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")})});
有人有主意吗?我只想在过滤器正常工作的情况下使用同位素.js