javascript - 带有两个溢出 :auto; object disappears 的 div 的 jquery sortable()

我想要两个带有 UL/LI 列表的 div，我可以在其中将图像从一个拖放到另一个。一切正常，但当我有很多对象时，我希望一个 div 获得一个 scollbar，另一个自动增长。我通过为两者设置 overflow:auto 来实现这一点。

但奇怪的是，拖动 UL 本身可以正常工作，但将其拖动到另一个 UL 会使元素变得“不可见”

如果我移除 overflow:auto 它工作正常...

这是我的js:

jQuery("#drag-kunst-in-lijst ul, #drag-kunst-alles ul" ).sortable( { 
    connectWith: '.sortable',
    delay: 100,
    scroll: false,
    cursor: 'move',
    start: function(event, ui){
        jQuery("#drag-kunst-alles").css("overflow", "hidden");
    },
    stop: function(event, ui){
        jQuery("#drag-kunst-alles").css("overflow", "scroll");
    }
});

我在这里放了一把 fiddle :http://jsfiddle.net/edwins/zBTqX/

最佳答案

您需要使用appendTo 选项。默认是元素在拖动时仍在父容器中。使用 appendTo 使您能够将其拖动到更高级别的父级中。 body 通常工作正常。在 body 中时，无论相对于原始父级的位置如何，它都是可见的

注意。同时将 helper 设置为 clone。还必须添加一些帮助器 css 和/或设置帮助器类

See Sortable Docs

关于javascript - 带有两个溢出 :auto; object disappears 的 div 的 jquery sortable()，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19754777/