Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/silverlight/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 同位素图像显示不使用过滤器_Javascript_Image_Overlapping_Jquery Isotope - Fatal编程技术网

Javascript 同位素图像显示不使用过滤器

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.

我想将同位素.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.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