拖出一个可排序的

Question

站点：http://ace.brianhare.com/test/

我想要这样卡可以拖到屏幕底部（玩家手）。现在这个功能有效，但一旦它在玩家手中，就不能从手中拖出。

我希望可以将卡片拖到 table 上，然后可以自由拖动。如何让卡片自由地从手中拖出并返回 table？一旦将卡片拖到手上它甚至不会移动，它真的会出现故障。

Answer 1

看看这个插件（尤其是演示）。我认为它会对你有所帮助。 http://rubaxa.github.io/Sortable/

Answer 2

我终于如愿以偿了：

$('*:not(:input)').disableSelection();

$(".sortable").sortable({
    connectWith: '.sortable, .droppable',
    beforeStop: function (event, ui) {
        ui.item.css('position', 'relative');
    }
});

$(".droppable").droppable({
    tolerance: "fit",
    drop: function (ev, ui) {

        if(ui.draggable.hasClass('ui-sortable-helper')) {
            var clone = ui.draggable.clone();
            ui.draggable.remove();
            $(this).append(clone);
            $(clone).draggable({
                connectToSortable: '.sortable'
            });
        }


    }
});


$('.draggable').draggable({
    connectToSortable: '.sortable'
});

演示： http://jsfiddle.net/nfuza42k/

拖出一个可排序的

Drag out of a sortable

javascript

jquery

jquery-ui

draggable

jquery-ui-sortable