将丢弃的div对齐到容器div中

时间:2014-08-26 14:19:46

标签: javascript jquery css

描述

我有一个容器div,里面有很少的div和图片。 什么是完美的是当我点击它们中的任何一个(div)它出来并做分配给它的东西。 现在我可以将我想要的任何div拖回容器中,但问题是当容器中的div停留在它所在的位置时div。我想在垂直时将容器中的所有div对齐。

例如,当我将任何div拖回容器时,它应该与容器中的所有其他div对齐。

我尝试了什么?

我试图给掉掉掉的div

带有jquery的

position: inherit。但这只有在拖放1个div时才有效。

我是否搜索过StackOverflow表单的答案?

是的,我找到了解决方案

found solution demo

但它涉及到div的克隆,在我的情况下不需要。 谁能帮助我?

1 个答案:

答案 0 :(得分:1)

如果您添加"删除"它会解决您的问题吗?在您的解决方案中?例如。 :

$("#droppable").droppable({
    drop:function(e,ui){
        if($(ui.draggable).parent().attr("id")!=$(this).attr("id")){
           var clone = $(ui.draggable).clone();
            clone.removeAttr("style");
            clone.appendTo($(this));
            $(ui.draggable).remove(); // Remove original element
        }
    },
    revert:true
});

小提琴演示:http://jsfiddle.net/lparcerisa/xu2dm7gj/1/