我正在创建一个照片板,用户可以在其中拖放照片、调整照片大小、拖动和旋转照片
。每当用户将新图像拖放到板上时,都会创建一个新的 div
元素,并在 div 元素上附加一个 img 标签。每个 div 都设置为向左浮动,因此无论何时创建新图像,它都会自动放置在正确的位置。 jquery-ui 插件(可调整大小和可拖动)应用于 div。
当用户调整任何图像大小时出现问题。 jquery-ui 设置 position: absolute
并且所有图像位置都会失真。之后,当我们添加一个新图像时,它将被插入到之前的图像上。谁能帮我解决这个问题?
最佳答案
如果没有看到您的代码,就很难确切地知道问题出在哪里。我确实知道问题出在哪里。使用拖动/可调整大小时,div
将始终为 position:absolute
。原则上您需要做的是将 .mouseup()
事件绑定(bind)到任何选定/拖放/拖放的 div,该 div 将 .addClass()
绑定(bind)到 div
应用新位置以及其他样式或 jQuery dom 操作。这是我会采取的方法。这也允许自由地使用一些漂亮的动画来为图像的下降增添趣味。
关于javascript - 元素的绝对位置问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12726059/