小编And*_*ndy的帖子

我正在使用JQuery的draggable(); 使li元素可拖动.唯一的问题是当元素被拖到其父元素之外时,它不会显示出来.也就是说,它不会留下其父div的范围.一个例子是在这里:http://imgur.com/N2N1L.png -就好像在z-index的其他一切具有更大的优先级(和下的一切元素幻灯片).

这是代码:

$('.photoList li').draggable({ 
        distance: 20,
        snap: theVoteBar,
        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>

我很肯定问题是它不会离开它的父容器,但我不知道如何做到这一点.

任何方向或帮助将非常感谢!