關於Draggable和Resizable圖像的JQuery UI問題

我真的很頭痛，想要解決網頁上我目前遇到的問題，希望您能幫我一把：D。我有潛水的相關主題，但我還沒有找到任何一個具有相同問題，使用幾個圖像。關於Draggable和Resizable圖像的JQuery UI問題

我想要達到的效果：「我希望在div中包含可拖動和可調整大小的圖像」。單擊鏈接時會添加逐個圖像。

我主要有3個問題（也有圖片說明）：

當我添加一個新的項目，它被標記爲可調整大小，它出現在最後的圖像的下方，而不是旁邊。（當它也被標記爲可調整大小的旁邊出現） http://i.stack.imgur.com/1dBXF.jpg
當我拖動圖像，改變他的Y軸，然後嘗試調整它，它會自動移動到拉斯維加斯Y軸位置（X是一致的）。 http://i.stack.imgur.com/rF9KK.jpg
當我拖動圖像，並在我嘗試調整另一個圖像的大小後，拖動的圖像的Y位置發生變化。 ^ h ** P：//i.stack.imgur.com/OMWEr.jpg

我不知道該怎麼辦，非常感謝。

2012-02-14 Mario Corchero

我試圖重新創建你想達到的目標，並且到達此sample
我希望它在某種程度上有所幫助。

這裏是我的決議案，您所遇到的問題：
問題1：
我所取得的調整大小和不可調整大小的圖像的分離通過分配他們到不同的申報單。（看起來更容易：P）。

問題2 &問題3：
我沒能碰到這樣的兩個問題，您使用的alsoResize或電網選擇？

[更新發布]
我看到你遇到的問題，並修改了我最初的代碼，這裏是result。
我對我更新的行提供了意見。

您遇到的調整大小問題是因爲img元素不是絕對定位在頁面中。

我希望這可以幫助你以某種方式:)

來源

2012-02-24 09:34:13 Drew

問題1和2解決了！非常感謝，我也試過使用div包裝，但我忘了設置：「display：inline-block;」非常感謝，真的。 – 2012-02-24 16:19:00

關於問題3，還有你提供的示例，當你設置2個圖像的可調整大小和拖動時，如果你調整第一個圖像的大小（增加高度），然後將第二個拖動到div的頂部並再次調整大小第一張圖像（降低高度）第二張圖像上升。 – 2012-02-24 16:22:30

完美，非常感謝 – 2012-04-10 13:21:12

關於Draggable和Resizable圖像的JQuery UI問題

回答

相關問題