Как выполнить функцию только один раз?

Question

[gfr3]

Есть функция:

$(window).scroll(function() {
    var height = $(window).scrollTop();
    if(height > 777) {
        $(".div_clone").clone().appendTo(".container2");
    }
});

Как сделать, чтобы функция срабатывала один раз? Сейчас выходит, что она клонирует элемент постоянно при скроллинге.

Answer 1

[0xD34F]

Снимайте обработчик события после того, как условие будет выполнено:

$(window).scroll(function onScroll() {
  if ($(this).scrollTop() > 777) {
    $('.div_clone').clone().appendTo('.container2');
    $(this).off('scroll', onScroll);
  }
});

// или

window.addEventListener('scroll', function onScroll() {
  if (this.scrollY > 777) {
    document.querySelector('.container2').append(
      document.querySelector('.div_clone').cloneNode(true)
    );
    this.removeEventListener('scroll', onScroll);
  }
});

Comments

[gfr3]

Спасибо, подскажите в этой же функции можно вписать что бы при разрешении < 777 этот container2 удалялся

[ned4ded]

ну вот, а я ток накатал пример :(

[0xD34F]

gfr3,

подскажите в этой же функции можно вписать что бы

Не подскажу. Могу подсказать, но не здесь. Вам следовало писать свой вопрос полностью сразу, а не дополнять его в комментариях к ответам. Оформляйте новый вопрос, где будет подробно и без утаивания информации объяснено, что именно вам надо.

[gfr3]

я тут задал
https://toster.ru/questionversion?question_id=6029...

[0xD34F]

gfr3, о, то есть вы ещё и исходный вопрос решили испортить. Нет, так вы ответа не получите. Возвращайте прежний текст и оформляйте новый вопрос.

Answer 2

[Алексей]

var isAppended = false;
$(window).scroll(function() {
var height = $(window).scrollTop();
if(height > 777 && !isAppended){
 $(".div_clone").clone().appendTo(".container2");
isAppended = true;
}
});

сделать флаг для проверки состояния, к примеру

Comments

[zendor]

Но только не внутри обработчика...

[Алексей]

zendor, да, наверное, но мы же не знаем нужную логику, может как раз так и надо :)

[zendor]

wagoodoogoo, Эмм, в вашем варианте абсолютно ничего не поменялось. Условие всегда будет срабатывать, так как вы каждый раз объявляете isAppended = false внутри обработчика.