当跨越div移动时,可拖动的listitem消失

时间:2015-10-19 13:46:32

标签: jquery

我之前已经在这个论坛上提出了我的问题,我已经检查了大部分线程,但是我的案例中没有一个解决方案,所以这就是我开始一个新线程的原因。

我想在第三个列表中合并两个列表。为此,我想使用jQuery中的Draggable功能来表示两个列表,并使用Sortable功能作为最后一个列表。

然而,当我从第一个列表中移动某些内容时,该项目会消失在第二个div之后。

删除overflow:hidden这样的建议对我不起作用,因为我没有使用任何溢出。所以这就是为什么我更喜欢一些jQuery专家来看看它。

小提琴可以在http://jsfiddle.net/nku6Ln7r/

找到

谢谢。

2 个答案:

答案 0 :(得分:0)

使用可拖动窗口小部件的zIndex选项,如:

$(".draggable").draggable({
    revert: true,
    helper: "clone",
    connectToSortable: "#stories",
    zIndex:999 // set this to a high value
});

Updated Fiddle

答案 1 :(得分:0)

从messageLeft和messageRight中删除position:relative

查看您的更新小提琴:http://jsfiddle.net/nku6Ln7r/3/