問題元素的絕對位置

Question

我正在創建一個用戶可以drag-drop photos, resize it, drag it and rotate it的photoboard。無論何時用戶在電路板上拖放新圖像，都會創建一個新的div元素，並將img標記附加到div元素。每個div都設置爲向左浮動，因此無論何時創建新圖像，都會自動將其放置在正確的位置。 jquery-ui插件（可調整大小和可拖動）應用於div。

當用戶調整任何圖像的大小時會出現問題。 jquery-ui設置爲position: absolute，所有圖像位置都會變形。之後，當我們添加一個新的圖像時，它將被插入到前一張圖像上。任何人都可以幫我擺脫這個問題嗎？

Answer 1

沒有看到您的代碼，很難確切地知道問題所在。我確實有些問題的感覺。當使用拖動/可調整大小時，div將始終爲position:absolute。你需要在priciple中做的事情是將.mouseup()事件綁定到任何選中/拖動/放下的div，將.addClass()改爲div應用新位置以及其他樣式或jQuery DOM操縱。這是我會採取的方法。這也可以讓一些漂亮的動畫可以自由地爲圖像放下來。