JQuery在父母外拖动

我使用 JQuery的draggable();使li元素拖动.唯一的问题是当元素被拖动到其父级之外时,它不会显示出来.也就是说,它不会离开其父div的限制.一个例子在这里： http://imgur.com/N2N1L.png – 就好像其他一切的z-index具有更高的优先级(并且元素在所有内容下滑动).

以下是代码：

$('.photoList li').draggable({ 
        distance: 20,snap: the@L_197_7@Bar,revert: true,containment: 'document'
    });

而且,这些li元素被放在DIV中：

<div class="coda-slider preload" id="coda-slider-1">
    <div class="panel">
        <div class="panel-wrapper">
            <h2 class="title" style="display:none;">Page 1</h2>
            <ul class="photoList">
                <li>
                    <img class="ui-widget-content" src="photos/1.jpg" style="width:100px;height:100px;" />
                </li>
            </ul>
        </div>
    </div>

我是积极的,问题是它不会离开它的父容器,但我不知道该怎么办来解决它.

任何方向或帮助将不胜感激！