Javascript 排水沟“;切换";关于砌体(jQuery插件)

Javascript 排水沟“;切换";关于砌体(jQuery插件),javascript,jquery,jquery-masonry,Javascript,Jquery,Jquery Masonry,我正在创建一个主页画廊使用砌体。看起来不错,但有几个怪癖让我头疼 我最初尝试使用百分比列宽,但在经历了很多挫折之后,我决定为移动和平板电脑用户切换到更小的容器宽度。我现在遇到的问题是,当屏幕缩小时,其中一个div失去了它的排水沟。如果再次调整屏幕大小,则边沟将返回。如果在任何时候,其中一个div注册了一个click,那么布局是固定的。(也就是说,在chrome中,我甚至还没有开始看Firefox/IE,但它现在并不漂亮) 以下是一个例子: 使用$(window).smartresize(func

我正在创建一个主页画廊使用砌体。看起来不错,但有几个怪癖让我头疼

我最初尝试使用百分比列宽,但在经历了很多挫折之后,我决定为移动和平板电脑用户切换到更小的容器宽度。我现在遇到的问题是,当屏幕缩小时,其中一个div失去了它的排水沟。如果再次调整屏幕大小,则边沟将返回。如果在任何时候,其中一个div注册了一个click,那么布局是固定的。(也就是说,在chrome中,我甚至还没有开始看Firefox/IE,但它现在并不漂亮)

以下是一个例子:


使用$(window).smartresize(function(){请参阅metafizzy文档,也许还有他们的github项目。此外,代码中还有一些错误:感谢您的回复,但这是“同位素”解决方案还是“砖石”解决方案解决方案?我目前只使用砌体,在砌体文档中找不到有关smartresize的任何信息。我没有使用同位素,我使用的是砌体:然后使用bindresize,当以各种尺寸加载时,布局会中断: