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

时间:2021-02-06 14:52:42

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

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

以上仅作总结。