将项目拖到父级之外并进入 UI 对话框

2024-01-20

我有一个“li class='draggable'”和一个“div class='dropable'”,位于 ui 对话框 div 内

当我尝试拖动“li”时,我无法将其拖动到它的父元素之外,所以我这样做了:

$(".draggable").draggable({
                containment: $('document'),
                helper: 'clone'
            });

我设法将其拖到其父元素之外,但是当 ui 对话框打开时,问题就开始了,当我尝试拖动它时,li 始终位于 ui 对话框后面,我无法将其放入可放置的 div 中


尝试将助手直接附加到正文,并可能设置 zIndex,如下所示:

$(".draggable").draggable({
    appendTo: 'body', // Append to the body.
    zIndex: <someNumberYouThinkIsAppropriateHere>,
    containment: $('document'),
    helper: 'clone'
});

http://api.jqueryui.com/draggable/#option-appendTo http://api.jqueryui.com/draggable/#option-appendTo

http://api.jqueryui.com/draggable/#option-zIndex http://api.jqueryui.com/draggable/#option-zIndex

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

将项目拖到父级之外并进入 UI 对话框 的相关文章