jquery - jquery ui 删除助手

Question

使用jQuery和Jquery UI，我有一个可拖放的区域，可拖动的项目有以下帮助

  $(".draggable").draggable({
    revert: 'invalid',
    grid: [ 20,20 ],
    cursorAt: { top: -12, left: -20 },
    helper: function(event) {
      return $('<div class="helper"></div>');
    }
  });

如何让助手到达可放置added区域？

Answer 1

经过更多调查和另一个问题，我已经解决了这个问题。

在drop可放置元素上的事件中，您需要克隆帮助程序，因为您无法删除在拖动过程中显示的实际帮助程序。

$("#droppable").droppable({
  drop: function(event, ui) {
    var newDiv = $(ui.helper).clone(false)
      .removeClass('ui-draggable-dragging')
      .css({position:'absolute', left:0, top:ui.offset.top - 12});
    $(this).append(newDiv);
  }
});

还要感谢杰森本森。

艾伦

Answer 2

在辅助函数中使用

$(this).append('<div>somecontent</div>');