Jquery拖放ui问题

Question

这是我的代码（问题如下）

function init() {
  $('.schedule_event').draggable( {
    cursor: 'move',
    containment: 'document',
    revert: true,
    helper: 'clone'
  } );
  $('.schedule_time').droppable( {
    drop: handleDropEvent
  } );
}    

function handleDropEvent( event, ui ) {
      var draggable = ui.draggable;
      ui.draggable.position( { of: $(this), my: 'left top', at: 'left top' } );
      ui.draggable.draggable( 'option', 'revert', false );
    }

所以，我的左栏有大约50个事件。在右侧是一个时间表，每个时间段为1小时。我想在一段时间内拖放事件。这有效。

但是，左栏上的事件在时间段上删除时会消失，我需要保持左栏的事件不变（它们必须在删除后保留，所以我想我必须在删除时复制div为了有2个，但我不知道该怎么做。）

如何在删除后保留左侧菜单中的事件（换句话说，如何在drop事件中复制div）？

Answer 1

而不是

ui.draggable.position( { of: $(this), my: 'left top', at: 'left top' } );

尝试

ui.draggable.clone().position( { of: $(this), my: 'left top', at: 'left top' } );

clone将创建副本而不是移动实际元素。