Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/371.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 元素的绝对位置问题_Javascript_Jquery_Css - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript 元素的绝对位置问题

Javascript 元素的绝对位置问题

javascript jquery css

Javascript 元素的绝对位置问题,javascript,jquery,css,Javascript,Jquery,Css,我正在创建一个photoboard，用户可以在其中拖放照片、调整大小、拖动并旋转它。每当用户将新图像拖放到电路板上时，就会创建一个新的div元素，并在div元素上附加一个img标记。每个div都设置为向左浮动，因此每当创建新图像时，它都会自动放置在正确的位置。jQueryUI插件（可调整大小和可拖动）应用于div 当用户调整任何图像的大小时会出现问题。jqueryui设置位置：绝对，所有图像位置都会失真。之后，当我们添加一个新图像时，它将被插入到前一个图像中。有谁能帮我解决这个问题吗？没有看到您

我正在创建一个photoboard，用户可以在其中
拖放照片、调整大小、拖动并旋转它
。每当用户将新图像拖放到电路板上时，就会创建一个新的
div
元素，并在div元素上附加一个img标记。每个div都设置为向左浮动，因此每当创建新图像时，它都会自动放置在正确的位置。jQueryUI插件（可调整大小和可拖动）应用于div

当用户调整任何图像的大小时会出现问题。jqueryui设置
位置：绝对
，所有图像位置都会失真。之后，当我们添加一个新图像时，它将被插入到前一个图像中。有谁能帮我解决这个问题吗？
没有看到您的代码，很难确切知道问题是什么。我确实知道问题出在哪里。使用“拖动/调整大小”时，
div
始终为
位置：绝对值
。在原理中，您需要将
.mouseup（）
事件绑定到任何选中/拖动/删除的div，该div将
.addClass（）
应用新位置以及其他样式或jQuery dom操作。这是我将采取的方法。这也让我们可以自由地用一些漂亮的动画来增加图像的效果。
让我们用jsfiddle来说明这个问题。