Остановить функцию после запуска элемента

Question

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

Этот элемент появляется при прокрутке, но если вы нажмете крестик, я не хочу, чтобы он возвращался при прокрутке ... как я могу это сделать?Он продолжает возвращаться:

// Pilot green bar hide on opening page
jQuery(".try-pula").hide("fast");

// Show on scroll 700
$(window).scroll(function() {
    var height = $(window).scrollTop();
if(height  > 700) {
        jQuery(".try-pula").show("fade");
    }
});

// close after x is clicked
jQuery( "#cross" ).click(function() {
  jQuery(".try-pula").hide();
});

Answer 1

Создать новую переменную.Установите его в false при запуске.

var crossClicked = false;

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

$(window).scroll(function() {
    var height = $(window).scrollTop();
    if((height  > 700) && (crossClicked == false)) {
            jQuery(".try-pula").show("fade");
    }
});

Теперь, на крестенажмите, установите его в true:

jQuery( "#cross" ).click(function() {
  crossClicked = true;
  jQuery(".try-pula").hide();
});