從jquery碰撞中獲取突變和碰撞數據

Question

我正在使用Jquery Draggable碰撞（found here），我正嘗試通過簡單的toggleClass（）調整可拖動區域（在我的JSFiddle中爲藍色方塊）。

一旦動畫（由於toggleclass鏈路變得更大），我想測量突起/碰撞數據並減去來自周圍物體的高度/寬度。

如果插件打開了調試，它會告訴你它確實收集了突出/碰撞數據，但是我很難用它來「縮小」紅色物體，而藍色物體變大。

這樣的jsfiddle會讓更多我的問題意識。

的jsfiddle：http://jsfiddle.net/jVABm/

和我所希望做的另外一個例子：http://www.adidas.com/us/homepage.asp

任何幫助是極大的讚賞。我不確定如何或如果可以，但我會願意提供幫助的賞金。

UPDATE： - 我已經寫出了代碼，根據高度動態調整框的大小。我現在正在處理以下問題：

1. 測量寬度並應用相同的效果不起作用。如果箱子是彼此相鄰

2. 高度不起作用。

3. 我想同位素腳本應用到我寫的劇本調整大小。

Answer 1

退房jQuery的砌體http://masonry.desandro.com/ 這個：jquery Masonry, add a new div in the center of the div#container 這不正是你所需要的，但它可以幫助

Answer 2

對不起，這是從來沒有設計時考慮調整。這是對將來要做的事情的無限排列。如果你需要一個解決辦法，有一個在這裏：

Odd behavour with using jQuery draggable AND resizable with jquery collision 1.0.1