Svg-анимация работает только один раз ⇐ Jquery
-
Гость
Svg-анимация работает только один раз
Я пытаюсь анимировать svg-круг. При первом нажатии на кнопку все работает нормально, в следующий раз уже нет. Есть идеи, в чем может быть проблема?
$(function() { $("кнопка").click(function() { console.log('Нажатие кнопки'); currentBallCircle = $("#currentBallCircle"); currentBallCircle.animate({ cx: "200", // Новая координата x }, { продолжительность: 1000, начало: функция() { console.log('Начало анимации'); $(this).attr("cx", "100"); }, завершено: функция() { console.log('Анимация завершена!'); } }); }); }); Начать анимацию
Я пытаюсь анимировать svg-круг. При первом нажатии на кнопку все работает нормально, в следующий раз уже нет. Есть идеи, в чем может быть проблема?
$(function() { $("кнопка").click(function() { console.log('Нажатие кнопки'); currentBallCircle = $("#currentBallCircle"); currentBallCircle.animate({ cx: "200", // Новая координата x }, { продолжительность: 1000, начало: функция() { console.log('Начало анимации'); $(this).attr("cx", "100"); }, завершено: функция() { console.log('Анимация завершена!'); } }); }); }); Начать анимацию
Мобильная версия