jquery - 从 Jquery Collision 获取突出和碰撞数据

Question

我正在使用 Jquery Draggable Collision ( found here )，并且我现在正在尝试通过一个简单的toggleClass() 调整可拖动区域(蓝色方 block ，在我的 JSFiddle 中)的大小。

一旦它动画化(由于切换类链接而变得更大)，我想测量突出/碰撞数据并从周围对象的高度/宽度中减去它。

如果打开了插件的调试，它会告诉你它确实收集了突出/碰撞数据，但我对如何使用它来“缩小”红色对象而蓝色对象变大感到困惑。

这个 JSfiddle 会让我的问题更有意义。

JSFiddle:http://jsfiddle.net/jVABm/

我想要做的另一个例子:http://www.adidas.com/us/homepage.asp

非常感谢任何帮助。我不确定如何或是否可以，但我愿意提供赏金来寻求帮助。

更新:http://jsfiddle.net/tmort/hCw2A/ - 我已经编写了根据高度动态调整框大小的代码。我现在正在解决以下问题:

1. 测量宽度并应用相同的效果不起作用。

2. 如果盒子彼此相邻，高度不起作用。

3. 我想将同位素脚本应用到我编写的调整大小脚本中。

Answer 1

查看 jquery Masonry http://masonry.desandro.com/这是:jquery Masonry, add a new div in the center of the div#container这并不完全是您所需要的，但它可能会有所帮助