jQuery UIのドラッグ＆ドロップ

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」をドラッグ＆ドロップすることができますが、次のように私のコードが見えます。ドロップした後、私はドロップされた要素クラス（すなわちtech_newのクラス）を変更する必要があります

Answer 1

あなたはいつもどこかで、メモリ内のドラッグされたオブジェクトのIDを格納することができますし、アイテムがドロップされたとき、あなたは要素を取得し、そこのクラスを変更することができます。

Answer 2

これのためだけのjQuery関数があります。

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