Work for jQuery dragging and resizing on image

Question

Trying to apply both draggable and resizeable with jQuery to the image does not work correctly. It will resize, but not drag. Are there any known solutions for this?

Answer 1

It seems to be ok if I wrapped imgin div:

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

And then call resizeable and drag it to div:

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

Here is a working example: http://jsfiddle.net/andrewwhitaker/HNYVk/