Можно ли сделать так, чтобы callback у .animate, примененного к множественному селектору вызывался только один раз?

Question

[eugene159]

Есть такой код. В консоль выводится 5 сообщений. Как сделать так, чтобы выводилось всего одно? Без костылей. Возможно ли это?

Answer 1

[eugene159]

Ответили на другом ресурсе. Копирую ответ сюда.

Можно получить объект jQuery-промиса:

$('.elem').animate({opacity: 0}, { duration: 1000, queue: false}).promise().done(function() {
    console.log("1 сообщение");
});

Comments

[Maxim Kirshin]

Крутое решение) про done() знал, но использовал только вместе с $.getScript() , так как он сам по себе является просимом

Answer 2

[Maxim Kirshin]

let isAnimated = false;
$('.elem').animate({opacity: 0}, { duration: 1000, queue: false, complete: function() {
	if (!isAnimated) {
  console.log('В консоль выводится 5 сообщений. Как сделать так, чтобы выводилось всего одно?');
  isAnimated = true;
  }
}
});

Comments

[eugene159]

Спасибо, но это костыль. А мне хотелось без костылей:

Без костылей.