Question

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

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

我希望这些卡能够被拖到桌子上然后可以自由拖动。如何将卡片从手中拖出并自由地返回桌面？一旦卡被拖到手上它甚至不会移动它真的很麻烦。

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/

拖出可排序的

2 个答案: