resizable是添加第二个包装器而不是改变第一个包装器的大小

Question

我正在使用resizable（）和draggable（）jquery UI函数来操作我的应用程序中的图片。

代码工作正常：

  $(document).on('click', 'img', function(event){ 
         $(this).resizable(); 
         $(".ui-wrapper").draggable();

    return false;
   });

问题是，当我回到我的应用程序的“内容编辑器”模式时，它工作错误，因为resizable（）正在添加第二个“.ui-wrapper”而不是操纵旧的。“ p>

You can see the problem on my application - 进入内容模式，添加图片，调整大小，返回样式模式，然后再返回内容模式 - 此时，当您点击图片时，可调整大小和可拖动功能无法正常工作。效果就像那样：http://jsfiddle.net/7GrbM/6/

Answer 1

你的方法会造成很多麻烦，我会在图像上放一个按钮拖动/调整大小。如果单击，则首先销毁可调整大小/可拖动的实例，然后调整该图像的大小/可拖动;为用户提供更多的工作以减少意外

然后改变模式 - ＆gt;将所有重置为不可拖动/不可调整大小

或者我默认将所有img可调整大小/可拖动（并在保存/导出/无论什么时销毁

为什么不呢？

 $(document).on('click', 'img', function(event){ 

     $(this).resizable().draggable();

return false;
});