draggable与overflow同时存在,无法拖拽出父元素问题解决

Posted 2020-10-14 会数数的小数点

　　 在使用jquery-ui的拖拽功能对列表内的选项拖拽时，发现无法将选项拖拽出列表的范围，一出范围就自动隐藏在列表下，查找到最后的原因是css中的overflow的原因，overflow存在则不能将选项拖拽出列表，
解决办法

$(‘ul li‘).draggable({
                zIndex:999,//zIndex主要是让选项在上层显示出来
                helper:‘clone‘,
                revert:‘invalid‘,
                appendTo:‘body‘//加上这句就可以将选项拖拽出来
        });     

以上仅作总结。