Как сделать возвращение картинки??

Question

[artshelom]

Нужно помочь с jquery не знаю как сделать. https://jsfiddle.net/dytka4k1/3/

Как сделать возвращение картинки на своё место по клику на неё после того как она перемещена в пустую ячейку??
т.е. Когда картинка в ячейке во второй строчке, мы нажимаем на её и она с анимировано летит на своё место

Answer 1

[Ярик Шилов]

заносишь положение картинки по оси Х и Y в переменную. при клике выполняется функция в которую добавь условие которое проверяло бы нынешнее положение картинки, если совпадает с тем что в переменной то return false, если не совпадает, то стилями передвигаешь в нужное место

Comments

[artshelom]

Да, я понимаю, что можно так сделать, а интересует можно ли это писать не вручную сравнение положений, а сделать всё через метод в jquery??

[Ярик Шилов]

artshelom: метода выполняющего такую задачу я не знаю

Answer 2

[Stalker_RED]

Готового метода под ваш случай нет, но можно написать что-то роде этого
jsfiddle.net/5ro8fr37

Comments

[artshelom]

Ну бегло только успел посмотреть что вы сделали, но вроде как не подходит.
т.к. У меня будет около 60 ячеек. т.к. что не подходит

[Stalker_RED]

artshelom: А с чем именно у вас проблема? Алгоритм вроде довольно простой - для каждой картинки запомнить начальное положение и повесить обработчик, запускающий по клику возврат. Пример анимации есть. Можно и через css transition сделать.