0

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

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

如果我删除溢出：自动它工作正常......

这是我的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");
    }
});

我在这里放了一个小提琴：http: //jsfiddle.net/edwins/zBTqX/

4

2 回答 2

2

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

笔记。也设置helper为clone. 还必须添加一些辅助 CSS 和/或设置辅助类

查看可排序的文档

于 2013-11-03T16:05:28.977 回答
0

您的问题似乎是您的设置位置相对于 div 和 ul 的。

您可以尝试绝对位置或一起取出位置。

这是一个基于你的小提琴，我在我设置为绝对的#drag-kunst-in-lijst div 上取出所有定位接受。

#drag-kunst-in-lijst {
        position:absolute;
        top:200px;
        width: 365px;
        height: auto;
        border: 1px solid #000;
    }
于 2013-11-03T16:22:23.030 回答