我使用
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>
我是积极的,问题是它不会离开它的父容器,但我不知道该怎么办来解决它.
任何方向或帮助将不胜感激!