关于javascript：容器之间的jQuery拖放问题


JQuery Drag N Drop Issue Between Containers

好，我在这里遇到了可拖动和可放置的问题
奇怪的是，一旦我将其放在容器上
重新创建可拖动对象以将其移回原位。

基本上我有起源

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

然后我有可放块。我有的问题是
如何获得实际的可拖放块拖动n drop
彼此之间。

所以基本上我可以将n从原点拖到类容器中
但是我不能在类容器之间拖放n

我需要使用sortables吗？

这是JS小提琴

http://jsfiddle.net/rmatakajr/FN7Xx

感谢您的帮助

相关讨论

尝试

1
2
3
4
5
6
7
8
9
10
11
12
$(".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');
    }
});

演示：小提琴