2015-11-02 72 views
1

我有一个关于jquery Ui droppable的问题。 我需要在拖动元素之前或之后拖放元素。无论如何要检测哪个元素结束,然后将其附加/前置在父容器中。Jquery UI。可以随意丢弃

现在,我只是在div的最后,因为追加,我有点无知。

我做了一个小提琴,希望能够更好地说明我的问题:提前

回答

0

http://jsfiddle.net/tsxzf80u/

$('section').droppable({ 
    accept:'.dragme', 
    drop:function(event, ui){ 
    var div = $("<div />").addClass('full').html('test'); 
    $(this).append(div); 
    } 
}); 

谢谢如果你把每一个的div的部分内分别投掷的,然后用after(),似乎做你想做的事。

$('#fullId1, #fullId2').droppable({ 
    accept: '.dragme', 
    drop: function (event, ui) { 
     var div = $("<div />").addClass('full').html('test'); 
     $(this).after(div); 
    } 
}); 

http://jsfiddle.net/tsxzf80u/2/

+0

谢谢,但不完全是我的意思。这会将div放入其他div中。它需要放在它们之间。父div中的div和可拖动的div基本上是一样的,不过有多少个被添加。 – Imbue

+0

明白了。我更新了小提琴 – CrazyPaste