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

Question

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

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

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

我设法将它拖到它的父元素之外，但是当我打开 ui 对话框时，问题从这里开始，当我尝试拖动它时，li 总是在 ui 对话框后面，我不能把它放到可放置的 div 中

Answer 1

尝试将助手直接附加到正文，并可能设置 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-zIndex