Question

当用户将它们相互拖放时，我需要能够组合两个拖放/拖放项目。只需用户需要将项目相互拖动并将它们合并在一起。之后他们需要能够将它们再次分开。这有点像在Android主屏幕上的图标可以相互删除并创建一个“文件夹”。目前要拖动的图标存储在div标签中，这些图标需要用div中的另一个类似的div包装。

由于

Answer 1

这样的事情？
使用jquery 1.9.1 jquery ui 1.9.2
http://jsfiddle.net/dm6vG/1/

JS：

$(function(){
    $(".drag-me").draggable({
        stop:function(e){
            $(".drop-here").css('background','#FF0000');
            $(".drop-here").css('border-radius','100px');
            $(this).remove()
        }
    });
})

HTML：

<div class="drop-here">
</div>
<div class="drag-me">
    <a href="#" >Drag me</a>
</div>

CSS：

.drop-here{
    width: 200px;
    height: 200px;
    background:#00FF00;
    margin:20px;
}

如果将它们合并在一起，它们会如何分开？

JQuery - 当用户将它们放在一起时，在div中组合两个或更多个droppable

1 个答案: