【问题标题】:jQuery plugin to re-order blocks to save space?jQuery插件重新排序块以节省空间?
【发布时间】:2012-07-23 05:23:48
【问题描述】:

所以问题是我的网站中有一些块(浮动 div),我希望能够重新排序,以减少它们占用的空间。 我的每个块的宽度都是 x、2x 或 3x(x 是一个数字)。它们的宽度永远不会改变,但它们的高度可以改变。 我知道我可以创建一些 JavaScript 代码来处理这个问题,但是因为我已经在使用 jQuery 并且我知道那里有大量的 jQuery 插件,所以我首先来这里询问是否已经有一个插件可以做到这一点,为了节省一些时间。

【问题讨论】:

  • 如果是图片codecanyon.net/item/jquery-tiles-gallery/2281417 可能对你有用。也可以用其他内容替换图像。但是,正如帕特里克所问的那样,“占用更少空间”是什么意思?请注意,如果您有只改变高度的元素,您可能需要查看 Isotope 的 isotope.metafizzy.co/custom-layout-modes/… 功能,您可能会针对您的(不清楚)目的进行调整。你试过什么?有一个 jsfiddle 吗?
  • 节省空间意味着它们的容器具有固定的宽度,并且它们的高度应尽可能低
  • 嗯,据我所知和所见,Tiles Gallery 或 Isotope Masonry Column Shift 可以做到这一点。

标签: javascript jquery html jquery-plugins


【解决方案1】:

jquery 的砌体插件http://masonry.desandro.com/ 甚至更好的同位素http://isotope.metafizzy.co/

【讨论】:

  • +1,这些真的很酷……不知道这样的事情。
  • 哇,我居然知道 Isotope,我不敢相信我没有考虑过,反正我会检查它们的。
  • 好的,所以经过一些测试,我发现这两个插件都有问题,他们都没有真正重新排序块,他们所做的只是将它们放置在一个节省了最多的空间,而我希望插件完全重新排序它们以节省尽可能多的空间。
猜你喜欢
  • 2010-12-29
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2019-02-24
  • 2023-01-02
  • 1970-01-01
  • 1970-01-01
  • 2011-12-18
相关资源
最近更新 更多