Jquery 将项目拖到父项外部并拖到UI对话框中

我有一个“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'
});

$（“.draggable”）.draggable({
appendTo:'body'，//追加到body。
zIndex:,，
包含：$（“文档”），
助手：“克隆”
});

---

为可拖动元素指定一个比对话框中的z索引更大的z索引可能会有所帮助。