Как реализовать прыжок элемента?

Question

[Lazy10]

Всем привет! Есть элемент #circle и по нажатию на кнопку, она должна двигаться вправо, до определенного места, а при нажатии на пробел, движущийся элемент должен прыгать. У меня проблемы с прыжком, он работает до нажатия кнопки старт, а после нажатия кнопки не работает, думаю из-за очередности функции, все что я пробовал не сработало. Спасибо!

код:
codepen.io/anon/pen/zqrvvq

Answer 1

[Николай]

У текущего элемента уже запущенна анимация и пока она не закончится, вы не сможете запустить другую. Для того, чтобы осуществить эту задачу, вам необходимо записать в конфиг текущие параметры анимации, затем остановить текущую анимацию. После чего вы берёте данные из конфига, объединяете их с новыми параметрами анимации и запускаете заново.

Comments

[Lazy10]

спасибо за ответ, покажите пожалуйста как это сделать, я пробовал остановить текущую анимацию, и это не сработало.

[Николай]

$('#circle').stop()

[Dark Hole]

Dinfyru: по-моему, проще очередь отключить