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

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

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

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

我设法拖出它的父元素，但在这里，当ui对话框打开时问题开始，当我尝试拖动它时，li总是在ui对话框后面，我不能将它放入droppable div

Answer 1

尝试将帮助程序直接附加到正文，并可能设置zIndex，如下所示：

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

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

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