jQuery UI Sortable:拖动元素消失

时间:2010-12-18 04:12:23

标签: jquery jquery-ui jquery-ui-sortable

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

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

但是当我把它放到支架上时,可以再次看到它。 Online case is here

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

谢谢

4 个答案:

答案 0 :(得分:14)

overflow: hidden;放在.container上即可。问题是,在拖动过程中,您正在移动.container元素之外的.container子元素,您已告诉浏览器在拖动过程中强制溢出时隐藏任何溢出浏览器正在做你告诉它的事情。

一般建议:单独留下overflow,除非您知道它的作用以及您需要使用它的原因。

答案 1 :(得分:9)

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

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

答案 2 :(得分:2)

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

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

答案 3 :(得分:2)

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