jQuery를 사용한 드래그 앤 드롭 후 DOM 수정

Question

jQuery를 처음 사용했습니다. 드래그 앤 드롭 시나리오를 구현했습니다. 내 질문은 성공적으로 드래그 앤 드롭 작업이 수행 된 후 jQuery가 내부 DOM을 자동으로 수정하는 경우입니다.

이것은 내 시나리오입니다. 처음에는 드롭 가능한 요소 #droppableContainer가 비어 있습니다. 하지만 일부 요소를 떨어 뜨린 후에도 droppable 요소는 여전히 비어 있습니다. 다음은

내가 내 낙하 할의 모든 자식 요소를 반복 쓴 몇 가지 테스트 코드 :

$('#droppableContainer').children().each(function(item) { 
     alert($(this).attr('id')); 

}); 

위의 테스트 코드는 모든 드래그와 드롭 가능한 이벤트 후, 별도로 실행,하지만 아무것도 인쇄되지됩니다.

미리 감사드립니다.

Answer 1

당신은 낙하 할 요소의 drop 이벤트에 낙하 할 컨테이너에 액세스해야합니다 : 당신은 어떻게 후에 만 ​​** 낙하 할 아이들을 반복이 실행될 때, 당신이 게시 된 코드를 확인 할

$(function() { 
    $("#droppableContainer").droppable({ 
     drop: function(event, ui) { 
      console.log($(this)); // $(this) being the #droppableContainer 
     } 
    }); 
});​