Jquery砌体和项目过滤不能一起使用

Question

我正在使用一个小的js过滤器脚本根据它们的类对图像进行排序。它孤立地工作得很好。只要我添加masonary插件到图像。它停止工作。

HTML ............................................. ............................

无序列表：包含各种大小缩略图的ul.list。

javascipt的

过滤脚本：

$(document).ready(function(){$("ul#filter a").click(function(){$(this).css("outline","none");$("ul#filter .current").removeClass("current");$(this).parent().addClass("current");var a=$(this).text().toLowerCase().replace(" ","-");if(a=="all"){$("ul.list li.hidden").fadeIn("slow").removeClass("hidden")}else{$("ul.list li").each(function(){if(!$(this).hasClass(a)){$(this).fadeOut("normal").addClass("hidden")}else{$(this).fadeIn("slow").removeClass("hidden")}})}return false})})

砖石：

$(function(){ $('ul.list').masonry();});

我希望过滤项目，然后重新安排masonary。

请帮我找一个解决方案。

提前致谢。

JSNovice

Answer 1

尝试将过滤器脚本放在

中

（文档）$。就绪（）

{

//您的过滤器脚本

}