单击元素后停止运行

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;

然后，在你的滚动函数中，检查这个var，所以它只在它为假时执行。

$(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();
});