如何使用 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