javascript - 元素的绝对位置问题

标签 javascript jquery css

我正在创建一个照片板,用户可以在其中拖放照片、调整照片大小、拖动和旋转照片。每当用户将新图像拖放到板上时,都会创建一个新的 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/

相关文章:

javascript - OpenLayers:单击更改图层源

javascript - 图库播放完毕后如何关闭Fancybox?

jquery - 将 CSS 与使用 "data-original="加载的延迟加载图像一起使用

html 框架 css

javascript - 如何让我的 javascript 图像 onMouseOver 代码在 html 图像映射中工作?

css - 如何为每个字母设置一个宽度? (字间距覆盖父宽度的 100%)

Javascript:使用不规则键循环遍历对象内的所有记录

javascript - 点击2个id更新.map()数组jquery

javascript - 如何列出函数中的项目?

javascript - jQuery UI ReplaceWith() 动画?