禁止点击 / 某个事件在某段时间内执行

1.加遮罩

想要在某个动画执行期间禁止点击页面，或者在某段时间内禁止点击事件发生。可以使用添加遮罩

$(".btn").click(function(){

$(".zt-cards").removeClass("zt-active");

$(this).addClass("zt-active");

if($(".zt-cards").hasClass("hover")){

$(".shade").show();

$(this).removeClass("hover");

setTimeout(function(){

$(".zt-cards").removeClass("hover");

$(".shade").delay(2040).hide(1);

$(".shade_bg").delay(2000).show(1);

},700);

}

});

2.加class

例如有一个获奖信息滚动块，该区域初始隐藏时滚动事件不执行（没有.scroll），该区域显示(addClass("scroll"))完毕隐藏后也不再执行(removeClass("scroll"))，可以给滚动区域动态添加/删除一个class，来决定是否执行

$(".show").click(function(){

$(".zt-gift-scroll").addClass("scroll");

})

$(".hide").click(function(){

$(".zt-gift-scroll").removeClass("scroll");

})

setInterval(function(){ autoScroll()},1500);

function autoScroll(){

$(".scroll ul").animate({

marginTop: "-111px"

},600, function(){

$(this).css({ marginTop: "0px"}).find("li:first").appendTo(this);

})

}

3.点击时判断

tip:

要判断的不是$(this)是否添加了selected，

而是父元素下是否有selected这个class

$(".test li").click(function(){

if( $(this).parents(".test").find("li").hasClass("selected") ){

return false

}

// if( $(this).hasClass("selected") ){

//    return false

// }

})