2010-04-21 45 views
4

我正在使用Jquery拖放在一個頁面上移動div,並且完美地工作。然而,我想每個div容器都有一個關閉按鈕,當點擊從當前位置移除div並將其放置在底部的預定義div中時,就像widget控件庫一樣。Jquery - Move 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> 

回答

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

所以,你需要刪除div或不? – CaptainBli 2012-04-27 23:04:49

0

嘗試:

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

我不知道,如果附加部件將工作艱難。

+0

在jQuery中是否有一個名爲delete的方法? – rahul 2010-04-21 11:36:31

+0

是的,你不應該''.remove()'無論如何...你已經追加它 – Mottie 2010-04-21 13:02:37

+0

感謝guys..ill試試這個,讓你知道:) – Chris 2010-04-21 14:26:32