Question

我正在编写一个小应用程序来将元素拖放到更大的块（某种画布）上。当我完成后，我点击一个按钮，看看哪些块被放到了更大的块上。但是，如果我只是查找被删除元素的id，我就不会得到任何结果：

var $children = $( "#droppable" ).find('div');
for(i=0; i< $children.length; i++) {
    var $input = $children.eq(i);
    alert(($input).attr('id'));
}

如何找出哪些元素被放到画布上？

Answer 1

我弄清楚它是如何完成的。我制作了两个可以拖动块的拖放区域。为了确保在放回一个块后，CSS定位不会使拖动'消失'，我删除了定位代码：

$( "#source" ).droppable({
    drop: function(event, ui) {
        var $draggable = $(ui.draggable).detach();
        $draggable.css({'left':'','top':'','right':'','bottom':''}) ;
        $draggable.prependTo($(this));
    }
});
$( "#destination" ).droppable({
    drop: function(event, ui) {
        var $draggable = $(ui.draggable).detach();
        $draggable.prependTo($(this));
    }
});

找到掉到其他元素上的元素

1 个答案: