jQuery UI draggable and drop

Question

jQuery UI 드래그 앤 드롭을 만들고 있습니다. 그 요소가 목적지에 떨어지 자마자 드래그 된 객체의 클래스를 변경하는 것을 좋아합니다. 거기에는 어떤 방법이 있을까요? 내 코드는 다음과 같습니다.

$('.tech_new').draggable({ revert: "invalid" }); 



$("#droppable").droppable({ 
     drop: function(event, ui) { 

     var id=ui.draggable.attr('id'); 
        alert(id); 
        $('.tech_new').fadeOut(5000); 
     } 
    }); 

이제 "tech_new"를 "droppable"로 드래그 앤 드롭 할 수 있습니다. 드롭 한 후에는 드롭 된 요소 클래스 (예 : tech_new의 클래스)를 변경해야합니다.

Answer 1

당신은 항상 다음 메모리 어딘가에 드래그 된 객체의 ID를 저장할 수 있습니다.

Answer 2

여기에 jQuery 함수가 있습니다. 항목이 해당 요소를 가져오고 그것의 클래스를 변경할 수 있습니다 제거 될 때

$('.classyouwanttochange').removeClass().addClass('newclassname');