JQuery在父母外拖动

前端之家收集整理的这篇文章主要介绍了JQuery在父母外拖动前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我使用 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>

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

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

解决方法

我在这个页面上登上了同样的问题,布伦丹的回答让我很接近.设置appendTo选项没有帮助,但是我可以通过添加overflow来解决我的问题:对我的draggable元素的父项是可见的.原来我是从连锁的某个地方,一直在隐藏着.

旁注,它看起来像这样,因为jQuery UI移动可拖动元素通过动态设置相对于父母的定位 – 这是我的新的英特尔!

原文链接:https://www.f2er.com/jquery/180089.html

猜你在找的jQuery相关文章