UI上的溢出 - 可排序和淘汰。拖动的元素消失

时间:2014-01-07 09:30:17

标签: knockout.js jquery-ui-sortable

我有一个奇怪的行为,使用UI-sortable和knockout:将一个“报表项”拖动到目标,一旦被拖动的元素离开容器“Reports”,就无法看到。 See fiddle。当我添加

时会发生这种情况
overflow-y:scroll; 

关于样式.metro-section-reports。没有溢出它工作正常。

任何人都可以帮我解决这个问题吗?

非常感谢。

1 个答案:

答案 0 :(得分:1)

http://jsfiddle.net/wrHW5/7/

由于溢出设置,拖动的元素无法再离开父级。我所做的是在您的可排序绑定中添加以下内容:

options: { helper: 'clone', appendTo: 'body' }

很明显,它会生成拖动元素的副本,将其附加到正文,并使用它进行拖动。

有关详细信息,请参阅http://api.jqueryui.com/draggable/#option-helper