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