Jquery - 移动Div

Question

我正在使用Jquery拖放来在页面上移动div，这非常有效。但是我想要的每个div容器上都有一个关闭按钮，当点击它从它移动div时，将它放在底部的预定义div中，就像一个小部件库。

这将如何实现？ - 下面是我的HTML ..谢谢

克里斯

<div class='column' id='leftcolumn'></div>

<div class='column' id='rightcolumn'>

    <div class='dragbox'>
      <span class='close'>Close</span>
Content In here
    </div>
</div>

<div class='column' id='widgetgallery></div>

Answer 1

$('div.dragbox > span.close').click(function(){
  $(this).parent().appendTo("#widgetgallery");
});

Answer 2

尝试：

$('.close').click(function(){
  $('#widgetgallery').append($(this).parent());
  $(this).parent().delete();
});

我不知道附加部分是否会起作用。