如何将砌体与Isotope结合使用,具有完全响应的解决方案+过滤和搜索

时间:2016-09-19 11:41:03

标签: search filter responsive masonry isotope

我已经创建了以下代码:

here

这是完全响应;这是一个解决方案,让同位素过滤与我的实际Masonry解决方案一起工作;它可以通过x[start.index:end.index] <- NA na.omit(x) 解决方案来完成,该解决方案可以在Isotope额外选项中找到,然后添加我原来的Masonry代码(上面笔链的JS部分的底部)。

问题在于,当我过滤数据时,似乎在初始化Masonry时x 2012-04-09 05:03:00 2012-04-09 05:04:00 2012-04-09 05:05:39 2012-04-09 05:09:00 2012-04-09 05:10:00 2 4 3 6 1 which(index(x) >= '2012-04-09 05:09:00' & index(x) <= '2012-04-09 05:10:00') 4 5 没有添加到我的实际layout none div中,因此重新组织布局w /过滤后的数据不是发生。你有什么想法我怎么解决它?也许将我的Masonry代码组合或放入同位素布局选项中?但是这个片段对我不起作用:

display:none

如果被问到,我使用的其他来源将通过评论部分提供。

+1有趣的事情://没有定位项目的布局模式

.box

如果我将columnWidth: function( containerWidth ) {return containerWidth / 4;} 更改为Isotope.LayoutMode.create('none'); ,则动画无法再次开始推出,只需很好地过滤数据(但重组仍无效)

1 个答案:

答案 0 :(得分:0)

绝对正确,Isotope是解决方案,因为它已经内置了砌体布局。谢谢你们!