关于Draggable和Resizable图像的JQuery UI问题

Question

我真的很头疼试图解决我目前在网页上遇到的问题，我希望你能帮我一把：D。 我已经深入研究了一个相关的主题，但我找不到任何一个有相同问题的人，使用了几张图片。

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

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

• 当我添加一个新项目并将其标记为可调整大小时，它会显示在最后一个图像下方，而不是旁边。 （当它标记为可调整大小时，它出现在旁边） http://i.stack.imgur.com/1dBXF.jpg

• 当我拖动图像，更改其Y轴，然后尝试调整其大小时，它会自动移动到拉伸Y轴位置（X是一致的）。 http://i.stack.imgur.com/rF9KK.jpg

• 当我拖动图像时，在我尝试调整另一个图像的大小后，拖动图像的Y位置会发生变化。 ħ**号码：//i.stack.imgur.com/OMWEr.jpg

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

Answer 1

我试图重新创造你想要达到的目标并且达到了这个sample 我希望它在某种程度上有所帮助。

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

问题2＆amp;问题3：
我无法遇到这两个问题，您使用的是还是 还是网格 选择？


[更新帖子]
我看到了您遇到的问题并修改了我的初始代码，这里是result。
我对我更新的内容提供了评论。

您遇到的调整大小问题是因为img元素并非完全位于页面中。

我希望这会以某种方式帮助你：）