使用JQuery讓用戶將文本拖放到特定的DIV中

Question

所以，基本上我試圖使用可拖動和可拖放的函數來創建它。它的JavaScript是這樣的：

$(init); 

function init() { 
    $('#HeaderDrag').draggable({ 
     cursor: 'move', 
     revert: true, 
     containment: '#Content2' 
    }); 

    $('#header').droppable({ 
     accept: '#HeaderDrag', 
     drop: handleDropEvent 

    }); 
} 
function handleDropEvent(event, ui) { 
    var draggable = ui.draggable; 
} 

的div：

<div id="HeaderDrag"> Header </div> 
    <div id = "header">drop me here</div> 

我可以將所謂的 「HeaderDrag」 股利但是當我試圖放棄它到div「標題」，它不起作用，「HeaderDrag」只是恢復到原來的位置。我怎樣才能讓它工作，以便它能成功地放到div的「標題」上，但不能放到我將來可能創建的其他div上，只能放到名爲「header」的div上。

Answer 1

我不exacly確定要happend但在這裏我嘗試什麼：

$('#HeaderDrag').draggable({ 
    cursor: 'move', 
    revert: true 
}); 

$('#header').droppable({ 
    accept: '#HeaderDrag', 
    drop: handleDropEvent 
}); 

function handleDropEvent(event, ui) { 
    $(this).append($('#HeaderDrag')); 
} 

的jsfiddle：http://jsfiddle.net/kW3TB/