解决 jQuery 在图像上可拖动和调整大小的问题

Posted

技术标签:

【中文标题】解决 jQuery 在图像上可拖动和调整大小的问题【英文标题】:Work around for jQuery draggable and resizeable on image 【发布时间】:2011-06-13 11:45:00 【问题描述】:

尝试使用 jQuery 将可拖动和可调整大小应用于图像无法正常工作。它会调整大小但不会拖动。有什么已知的解决方案吗?

【问题讨论】:

【参考方案1】:

如果我将img 包装在div 中,这似乎可以正常工作:

<div id="drag_resize"><img src="img.jpg"/></div>

然后在 div 上调用 resizeable 和 draggable :

$("#drag_resize").resizable().draggable();

这是一个工作示例:http://jsfiddle.net/andrewwhitaker/HNYVk/

【讨论】:

以上是关于解决 jQuery 在图像上可拖动和调整大小的问题的主要内容,如果未能解决你的问题,请参考以下文章

jQuery图像调整大小 - 宽度不适合

在调整大小时调整可拖动对象背景图像的大小

如何在使用 jQuery(可拖动和可调整大小)拖动光标时调整图像大小

如何使用 jQuery UI 获取可拖动和可调整大小元素的坐标

jquery UI 图像可调整大小但不可拖动?

如何调整克隆的 jQuery UI 元素的大小(图片)