删除新项目后，Jquery UI拖放并恢复

Question

我想要拖放功能，如果用户将第二个可拖动项目放在droppable上，那么第一个删除的项目必须恢复到源容器。

这是我的代码

<div class='old'>
  <div class='item'>
  </div>
  <div class='item'>

  </div>
</div>

<div class="new">
</div>


//script

 $(".item").draggable({
    revert:"invalid"

  });
  $(".new").droppable({
    drop:function(event,ui){
      ui.draggable.css({left:"15px",top:"15px"})
      ui.draggable.appendTo($(this));



    }

  });

当用户将第二个项目拖放到新容器时，之前删除的第一个项目必须恢复为旧容器。

任何建议将不胜感激。

提前感谢。