Как запретить повторный вызов функции?

Question

[Nik]

Приветствую!

Есть функция
window.initPreloader = function() {
var smiley = TweenMax.to(".preloader", 2, { backgroundPosition:"-4270px 0px", ease:SteppedEase.config(61) });
TweenMax.to(smiley, 2.2, {progress:1, repeat:-1, ease: Power1.easeOut});
};

Запускается она по нажатию кнопки "показать еще".
В этот момент подгружается ajax-ом контент и кнопка остается, после можно еще раз нажать и тут срабатывает 2ой раз функция.

Как можно предотвратить 2ой запуск fu?

спасибо!)

Comments

[EVG]

А какая разметка у кнопки?

Answer 1

[Александр Таратин]

window.initPreloader = function() {
    var smiley = TweenMax.to(".preloader", 2, { backgroundPosition:"-4270px 0px", ease:SteppedEase.config(61) });
    TweenMax.to(smiley, 2.2, {progress:1, repeat:-1, ease: Power1.easeOut});
    window.initPreloader = function(){};
};

Comments

[Nik]

Александр Таратин Спасибо! а на сколько это правильное решение или хак?))

[Александр Таратин]

Nik:

Answer 2

[Дмитрий]

после нажатия "показать еще",- выставлять кнопке disable после прихода ответа от аякса,- убирать disable

Answer 3

[EVG]

Объявите стиль:

.avoid-clicks {
  pointer-events: none;
}

И добавляйте css-класс .avoid-clicks при первом клике и удаляйте, когда на кнопку уже можно будет нажимать.