Jquery UI。元素后可丢弃

时间:2015-11-02 15:22:13

标签: javascript jquery jquery-ui

我有关于jquery Ui droppable的问题。 我需要在被拖过的元素之前或之后放置一个元素。无论如何都要检测它所覆盖的元素,然后在父容器中追加/前置它。

现在,我只是在div的末尾掉线,因为追加,我有点无能为力。

我做了一个小提琴,希望能更好地说明我的问题: http://jsfiddle.net/tsxzf80u/

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

提前致谢

1 个答案:

答案 0 :(得分:0)

如果您使该部分内的每个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/