jquery – 将项目拖到父项外部并进入UI对话框

2023年8月15日 167次阅读

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

当我试图拖动’li’时,我不能将它拖到它的父元素之外,所以我这样做：

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

我设法拖出它的父元素,但在这里,当ui对话框打开时问题开始,当我尝试拖动它时,li总是在ui对话框后面,我不能将它放入droppable 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-zIndex

点赞