jQuery UI的下降幫手

Question

使用jQuery和jQuery UI，我有一個可拖動和可投放區域，可拖動的項目有以下助手

$(".draggable").draggable({ 
    revert: 'invalid', 
    grid: [ 20,20 ], 
    cursorAt: { top: -12, left: -20 }, 
    helper: function(event) { 
     return $('<div class="helper"></div>'); 
    } 
    }); 

我如何助手是added到可投放區域？

Answer 1

多一點調查後，另一question我曾了這一點。

在droppable元素的drop事件中，您需要克隆助手，因爲您無法刪除在拖動過程中顯示的實際助手。

$("#droppable").droppable({ 
    drop: function(event, ui) { 
    var newDiv = $(ui.helper).clone(false) 
     .removeClass('ui-draggable-dragging') 
     .css({position:'absolute', left:0, top:ui.offset.top - 12}); 
    $(this).append(newDiv); 
    } 
}); 

也感謝Jason Benson。

Alan

Answer 2

在輔助功能

使用

$(this).append('<div>somecontent</div>');