2015-11-02 90 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