JQuery可拖动和可调整大小的图像

Question

我在尝试使一些基本的jquery功能正常工作时遇到了一些问题。

我只是希望能够将图像（或多个图像）拖动到容器中，然后调整它们的大小。

到目前为止，我有这个

http://jsbin.com/ipoxe5/edit

我遇到的具体问题是：

1）无法在图像边缘显示调整大小手柄

2）一旦你点击一个图像，它就会“直接”跳入收容div（＃droppable） - 你没有看到任何平滑的拖动动画，它只是直接跳转到div。我想实际上必须将图像“拖动”到contasiment div中，而不是在你点击图像时直接自动跳转。

任何想法我做错了什么？

Answer 1

containment选项“约束拖动到指定元素或区域的范围内。”

如果您希望图像在dropzone内部和外部都可以拖动，那么您需要指定一个大于droppable div的容器。

查看resizable的代码，只有代码可以在右下角添加可见句柄：

if ('se' == handle) {
        axis.addClass('ui-icon ui-icon-gripsmall-diagonal-se');
                };

因此，它看起来不像目前开箱即用的可见句柄，您可能需要自己添加该功能。