Question

好的，我在这里有一个问题，我有拖拽和droppables 奇怪的是，一旦我将它放在我拥有的容器上重新创建可拖动的移动它。

基本上我有原点

$("#mykeys ul li").draggable({
revert:"invalid",
helper: "clone",
cursor: 'move'});

然后我有了droppable块。我有的问题是如何让实际的可丢弃块拖动n drop 彼此之间。

SO Basiclly我可以将n drop从原点拖到类容器中但我不能在类容器之间拖放

我是否需要使用sortables？

这是JS小提琴

http://jsfiddle.net/rmatakajr/FN7Xx

感谢您的帮助

Answer 1

尝试

$(".drop-container").droppable({
    activeClass: "ui-state-highlight",
    accept: "#mykeys ul li, .drop-container li",
    //connectWith: ".drop-container",
    drop: function (event, ui) {
        $(this).empty();
        $(ui.draggable).appendTo(this);
    },
    out: function (event, ui) {
        console.log('dragged out');
    }
});

演示：Fiddle

容器之间的JQuery拖放问题

1 个答案: