Jquery - 移动 Div 元素

Question

我正在使用Jquery拖放功能在页面上移动div，这很完美。但是我想在每个div容器上都有一个关闭按钮，当点击它时，将该div从其位置移除并放置在预定义的底部div中，就像小部件库一样。

如何实现这一点？下面是我的html代码.. 谢谢

Chris

<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>

- Chris

Answer 1

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

- rahul

---

所以你需要删除这个div吗？ - CaptainBli

Answer 2

尝试：

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

我不确定追加部分是否能正常工作。

- Mathijs Henquet

---

jQuery 中是否有名为 delete 的方法？ - rahul

是的，你不需要使用.remove()...因为你已经将它附加了。 - Mottie