jQuery UI Sortable：拖动元素消失

Question

我设置了<div class="container"> .sortable() ，并且容器中有一些元素。

当我拖动内部元素时，打算用其他元素对元素进行排序，一旦将其拖出容器， 就无法看到它 。

但当我把它放到支架上时，可以再次看到它。 在线案例就在这里 。

以前有人遇到过这个问题吗？ 或者任何人都可以帮我解决这个问题？

谢谢

Answer 1

掉落overflow: hidden; 在.container ，它会工作。 问题是，你正在移动的子拖曳期间.container的外.container元素，你告诉浏览器隐藏，当你拖动时迫使溢出任何溢出，浏览器是做什么的你告诉它要做。

一般建议：除非您知道它的作用以及为什么需要使用它，否则请保持overflow 。

Answer 2

诀窍是将帮助器设置为'clone'并在此处使用临时交换列表来拖动..修改后的代码版本

$( ".selector" ).sortable({
    helper: "clone"
});

Answer 3

我拖动的项目在垂直列表中消失了，我发现使用overflow-y：hidden而不是overflow：hidden对我有效。 即仅针对y轴。

Answer 4

最有可能的问题是由于： .container{ margin:0 20px; position:absolute;top:0;height:100%;width:280px;overflow:hidden;} .container{ margin:0 20px; position:absolute;top:0;height:100%;width:280px;overflow:hidden;} 。

如果你设置overflow:auto它会显示带滚动条的包装器div，你可以查看你的portlet。