JQuery UI drop事件问题

Question

我试图创建一个拼图，允许滑动拼贴（div）在一个包含div中间开始的空白拼贴上下移动，我有一个问题就是我想要改变掉落事件已放置在（.emptytile）droppable上的draggable的父类（.droptile）将更改为emptytile，而emptytile类将更改为droptile。

这适用于拼图中的前2个动作，然后随机完全停止工作。我搞砸了父母的选择器吗？到目前为止，这是我的代码： -

$(function(){
    $('.dragtile').draggable({ 
        revert: "invalid",
        containment:'#box',
        cursor:'move',
        snap:'.blanktile' 
    });

    $('.blanktile').droppable({
        accept: '.dragtile',  
        drop: function(event, ui) {
            $(this).droppable( "option", "disabled", true );    
            $(this).attr('class', 'droptile'); 
            var dragid = ui.draggable.attr('id');
            var parentid =( $("#"+dragid).parent().attr("id")); 
            $("#"+ parentid).attr('class', 'blanktile');
            $("#"+ parentid).droppable()
        } 
   });