3

我有一个网格 =>

在此处输入图像描述

这个想法是让用户点击这些框,它们会扩展一些额外的内容。

现在,当您单击左列中的框时,一切都很好,但是如果您单击右列中的框之一 - 这就是发生的情况(单击黄色框)=>

在此处输入图像描述

基本上,我正在尝试修复这些孔并保持元素的初始顺序。

这是我单击黄色框(模拟图像)时所期望的结果=>

在此处输入图像描述

有没有我可以使用的插件?

这是 jsfiddle 链接 =>这里

谢谢!

4

2 回答 2

1

有几个插件可能符合您的目的:

  1. 同位素:http: //isotope.metafizzy.co/
  2. 砌体: http: //masonry.desandro.com/
  3. 嵌套:http ://suprb.com/apps/nested/
  4. 免费瓷砖: http ://yconst.com/web/freetile/
  5. vGrid:https ://github.com/xlune/jQuery-vGrid-Plugin

我相信你至少会找到一些灵感。

此外,因为您提到了排序的重要性,Masonry Ordered 插件很有趣: http: //masonry-ordered.tasuki.org/

于 2013-04-19T07:11:34.903 回答
0

请看看http://jsonenglish.com/projects/flex/ 让我知道你的想法

于 2013-04-19T06:10:12.293 回答