如何使用jQuery UI使可拖動的獨立拖動的一部分？

Question

我有一些箱子看起來像這樣：

-------------------------- 
| _____    | 
| |  |    | 
| |_____|    | 
|      | 
-------------------------- 

生成由HTLM看起來像這樣：

<div class='container'> 

    <div class='vdo_img'> 
     <img /> 
    </div> 

<!-- bunch of links and <p> --> 
</div> 

我把它變成一個可拖動與jQuery UI的插件：

$('.container').draggable({distance: 10, helper: 'clone'}) 

但我想讓img可以獨立拖動。

問題，當我這樣做：

$('.vdo_img').draggable({distance: 10, helper: 'clone'}) 

我只得到了整個盒子，從來沒有圖片。我可以猜想有關於解僱事件和所有事件的故事，但找不到一個好的解決方案。

Answer 1

試試這個::

http://docs.jquery.com/UI/Draggable