jQuery可扩展网格(2列)

时间:2013-04-19 06:00:18

标签: jquery

我有一个grid =>

enter image description here

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

现在,当你点击左栏中的方框时,一切都很好,但如果你点击右栏中的一个方框 - 这就是发生的事情(点击黄色方框)=>

enter image description here

基本上,我正在尝试修复漏洞并将元素保持在初始状态。

当我点击黄色框(模拟图像)=>

时,我预计会发生这种情况

enter image description here

是否有可以使用的插件?

这里是jsfiddle link => here

谢谢!

2 个答案:

答案 0 :(得分:1)

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

  1. 同位素:http://isotope.metafizzy.co/
  2. 砌体:http://masonry.desandro.com/
  3. 嵌套:http://suprb.com/apps/nested/
  4. Freetile:http://yconst.com/web/freetile/
  5. vGrid:https://github.com/xlune/jQuery-vGrid-Plugin
  6. 我相信你会发现至少一些灵感。

    此外,因为您提到了订购的重要性,所以Masonry Ordered Plugin非常有趣:http://masonry-ordered.tasuki.org/

答案 1 :(得分:0)

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