Question

目前我在http://jsfiddle.net/nivea75ml/yCnh5/的演示中遇到了一个小问题。每当我将一个粉红色的盒子从列表拖到灰色区域然后将其移回时，它会覆盖同一列表中的另一个。

如何避免这种行为？

Answer 1

可放置和可排序

$('#draggableList').sortable({
    receive: function(event, ui) {
        var item = $('.ui-draggable-dragging');
        item.removeAttr("style");
        item.removeAttr('class');
        item.addClass('draggable');
    }
});
var $tab_items = $("#droppable").droppable({
    //accept: ".draggable",
    hoverClass: "ui-state-hover",
    drop: function(event, ui) {
        var item = $(this);

        var olditem = $(".draggable.ui-sortable-helper").clone();
        if (olditem[0] != null) {
            olditem.removeAttr('class');
            olditem.addClass('dragged');

            olditem.css({
                'position': 'absollute',
                'top': ui.offset.top,
                'left': ui.offset.left
            });
            olditem.draggable({
                connectToSortable: "#draggableList",
                helper: "original",
                revert: 'invalid'
            });

            ui.draggable.remove();
            $('#droppable').append(olditem).show("slow");
        }

    },
    out: function(event, ui) {}
});

http://jsfiddle.net/yCnh5/25/

可移动元素在向后移动时覆盖另一个元素

1 个答案: