JQuery UI Drop Event Проблемы - PullRequest
0 голосов
/ 07 марта 2012

Я пытаюсь создать головоломку, которая позволяет скользящим плиткам (элементам div) падать на пустую плитку, которая начинается в середине элемента содержимого, и возникает из нее, проблема в том, что при событии удаления я хочу изменить родительский класс (.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()
        } 
   });
...