Jquery UI resizable和draggable共同使用

从来没用过Jquery，今天为了做一个简单的在线编辑器，用了Jquery UI。需要对一张图片，在限定的父容器内进行拖动和设置大小。

简单的使用

 $("#image").draggable();

 $("#image").resizable();

却只能缩放，不能被拖动。用firebug分析了生成的代码，发现对图片对象同时设置拖动和resize是有顺序的，需要先设置$("#image").resizable();

再设置$("#image").draggable()，原因为Jquery UI为了能让图片可以被缩放，是将图片包到DIV里面了。先设置图片的拖动事件将不能响应。那么换了顺序之后，要真正能拖动还得这样设置：$("#image").parent().draggable().

另外就是，就这样，父容器的position得设置成relative，要不resize的时候要出现很奇怪的现像，原因未知。