UI를 jQuery 드롭 도우미 jQuery를하고 JQuery와 UI를 사용하여

Question

, 내가 드래그와 드롭 가능한 영역을 가지고, 드래그 항목은

$(".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 이벤트에서 드래그하는 동안 표시되는 실제 도우미를 삭제할 수 없으므로 도우미를 복제해야합니다. 또한 Jason Benson에

$("#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); 
    } 
}); 

감사합니다.

알란

Answer 2

는 좀 더 조사 후

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