我正在创建一个用户可以drag-drop photos, resize it, drag it and rotate it
的照片板。每当用户在板上拖放新图像时,都会创建一个新的div
元素,并将一个img标记附加到div元素。每个div都设置为向左浮动,因此每当创建新图像时,它将自动放置在正确的位置。 jquery-ui插件(可调整大小和可拖动)应用于div。
用户调整任何图像大小时会出现问题。 jquery-ui设置position: absolute
并且所有图像位置都会失真。之后,当我们添加新图像时,它将被插入到上一个图像中。有人可以帮我摆脱这个问题吗?
答案 0 :(得分:0)
如果没有看到您的代码,很难确切地知道问题所在。我确实知道问题是什么。使用拖动/可调整大小时,div
将始终为position:absolute
。您需要在priciple中执行的操作是将.mouseup()
事件绑定到任何选定/拖动/删除的div,该.addClass()
将div
应用新位置以及其他样式或jQuery dom操纵。这是我要采取的方法。这也允许自由地用一些漂亮的动画来增加图像的下降。