resizable正在添加第二个包装，而不是更改第一个包装的大小

Question

我正在使用可调整大小的()和可拖动的() jquery UI函数来操作应用程序中的图片。

代码运行良好：

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

    return false;
   });

问题是，当我返回到我的应用程序的“内容编辑器”模式时，它工作不正常，因为resizable()添加了第二个".ui-wrapper“而不是操作旧的那个。

You can see the problem on my application -转到内容模式，添加图片，调整大小，返回到样式模式，然后再次返回到内容模式-在这里，当你点击图片时，可调整大小和可拖动不能正常工作。效果是这样的：http://jsfiddle.net/7GrbM/6/

Answer 1

你的方法会制造很多麻烦，我会在图像上放一个按钮拖动/调整大小&如果点击，那么首先销毁可调整大小/可拖动的实例，然后是该图像的可调整大小/可拖动；用户需要做更多的工作才能减少意外

然后更改模式->全部重置为不可拖动/不可调整大小

或者我会默认将所有img设置为可调整大小/可拖动(并在保存/导出时销毁

还有，为什么不呢？

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

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

return false;
});