Как сбросить анимацию JQuery, чтобы начать все сначала?

Question

Я создал хороший кусок кода, немного анимации и некоторые события нажатия / наведения мыши, довольно небольшой ряд из них.Я собираюсь использовать его для нескольких html-документов (это игра, вы должны получить правильный ответ и перейти к следующему вопросу), собранный вместе в другом html с полностраничным слайдером (я не хочу загружать DOM несколькораз, не имеет смысла): нерешенный вопрос: как сбросить код без фактической его перезагрузки?как сделать так, чтобы очистить все до сих пор и начать все сначала?Я новичок, строю вещи на других фрагментах.Я предполагаю, что это должно быть что-то настолько простое и простое, что никто не ответил на него ... Материал, чтобы оживить все, что было сделано ранее, бесполезен: слишком много материала, переплет и связывание.

Answer 1

У меня была анимация, которая сохраняла позицию каждый раз, когда выполнялся код.Чтобы исправить это, я использовал:

function(){ $('.target').removeAttr('style'); }

, поэтому мой код был что-то вроде:

$('#target').animate({
  opacity: 'toggle',
  top: '+=100',
  }, 1000, function() {
  $('#target').removeAttr('style'); 
});

Answer 2

Для jQuery вы можете использовать .finish (), а перед этим для сброса вам нужно несколько параметров для метода .stop ().

$(element).stop(true, true);

https://api.jquery.com/stop/

Answer 3

Попробуйте .finish().
Пример (попробуйте спамить кнопку):

$('button').on('click', function(event) {
  $("div").finish();
  $("div").fadeOut(1000);
});

Answer 4

Я делаю это так: (хотя не уверен, что это совершенно верно)

$(element).stop();
$(element).clearQueue();
$(element).delay(20).animate({ ... });

Answer 5

Спасибо за ответы пациента. Оба правы:

• в случае одной анимации работает метод stop.

• в случае нескольких цепочек анимаций - извините, простого способа нет. Перезагрузите, если хотите короткое, но не очень элегантное решение. Чтобы сделать это правильно - изучите javascript для построения логической цепочки функций. Вы не можете долго бегать только с JQuery.

Answer 6

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

Answer 7

$ (element) .stop (), затем повторно запустите анимацию.