元素绝对位置的问题

时间:2012-10-04 11:15:38

标签: javascript jquery css3

我正在创建一个用户可以drag-drop photos, resize it, drag it and rotate it的照片板。每当用户在板上拖放新图像时,都会创建一个新的div元素,并将一个img标记附加到div元素。每个div都设置为向左浮动,因此每当创建新图像时,它将自动放置在正确的位置。 jquery-ui插件(可调整大小和可拖动)应用于div。

用户调整任何图像大小时会出现问题。 jquery-ui设置position: absolute并且所有图像位置都会失真。之后,当我们添加新图像时,它将被插入到上一个图像中。有人可以帮我摆脱这个问题吗?

1 个答案:

答案 0 :(得分:0)

如果没有看到您的代码,很难确切地知道问题所在。我确实知道问题是什么。使用拖动/可调整大小时,div将始终为position:absolute。您需要在priciple中执行的操作是将.mouseup()事件绑定到任何选定/拖动/删除的div,该.addClass()div应用新位置以及其他样式或jQuery dom操纵。这是我要采取的方法。这也允许自由地用一些漂亮的动画来增加图像的下降。