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