$(".card").toggle(
function(){
$(this).addClass("active"); // обводим пешку в рамку при нажатии
//считываем id значение пешки
card = $(this).attr("id");
//так же в cage есть значение поля на котором в данный момент находится пешка
$("td").click(function(){
cage_to = $(this).attr("id"); //id значение клетки куда будет перемещаться объект
x_to = $("#"+cage_to).offset().left + 2; // отступ слева до клетки куда будем перемещать пешку
y_to = $("#"+cage_to).offset().top + 2; //отступ сверху до клетки куда будем перемещать пешку
//перемещаем нашку пешку на клетку
$("#"+card).css("position","absolute").animate({top : ""+y_to+"", left: ""+x_to+""}, 1000);
});
},function(){
$(this).removeClass("active");
//сбросили значения, т.е когда пешка без рамки её нельзя передвигать
card = "";
cage = "";
}все вроде бы хорошо но…
- я считаю можно как то сделать без toggle
- когда "деактивировали" пешку(убрали рамку) и затыкаться по свободным клеткам и снова пробовать перемещать то пешка не хочет ходить, точнее будет но она видимо "переваривает"
- хочу чтобы при передвижении рамка сбрасывалась
