Javascript 可拖动和可调整大小的图像上的JQuery UI问题

我现在在网页上解决一个问题，真的很头疼。我希望你能帮我一把：D。 我已经潜入一个相关的主题，但我没有发现任何一个与相同的问题，使用几个图像

我想要达到的目标： “我想在div中包含可拖动和可调整大小的图像”。单击链接时会逐个添加图像

我主要有3个问题（也用图片解释）：

• 当我添加一个新项目并将其标记为可调整大小时，它会显示在最后一张图像的下方，而不是旁边。（如果未标记为可调整大小，则显示在旁边）

• 当我拖动一个图像，改变其Y轴，然后尝试调整其大小时，它会自动移动到las Y轴位置（X是一致的）。

• 当我拖动一个图像，并尝试调整另一个图像的大小后，所拖动图像的Y位置会发生变化。 h**p://i.stack.imgur.com/OMWEr.jpg

---

我不知道该怎么办，非常感谢。

我试图重现您想要实现的目标，并达成了这一目标
我希望它在某种程度上有所帮助。

以下是我对您遇到的问题的解决方案：
问题1:
通过将可调整大小的图像和不可调整大小的图像分配到单独的div中，我实现了它们的分离。（这样似乎更容易：P）。

问题2和问题3:
我无法遇到这两个问题，您使用的是alsoResize还是网格 选择？


[更新帖子]
我看到了您遇到的问题并修改了我的初始代码，下面是示例。
我对更新的行提供了评论

您遇到的调整大小问题是因为img元素在页面中不是绝对定位的

---

我希望这对您有所帮助：）

问题1和2已解决！！！非常感谢，我也尝试过使用div包装器，但我忘了设置：“display:inline block；”非常感谢，真的。关于问题3，在您提供的示例中，当您设置两个图像的可调整大小和可拖动大小时，如果您调整第一个图像的大小（增加de高度），也会出现以下问题：，然后将第二个拖动到div顶部，再次调整第一个图像的大小（降低高度），第二个图像向上。