可调整大小是添加第二个包装器，而不是更改第一个包装器的大小

resizable is adding second wrapper instead of changing the size of first one

本文关键字：包装 第一个 添加 第二个 可调整      更新时间：2023-09-26

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

代码工作正常：

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

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

您可以在我的应用程序上看到问题 - 转到内容模式，添加图片，调整大小，返回样式模式，

而不是再次返回内容模式 - 在这里，当您单击图片时，可调整大小和可拖动无法正常工作。 效果是这样的： http://jsfiddle.net/7GrbM/6/

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

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

或者我会默认将所有 img 调整大小/可拖动（并在保存/导出/任何内容时销毁

还有为什么不呢？

 $(document).on('click', 'img', function(event){ 
     $(this).resizable().draggable();
return false;
});
相关文章：