想要在某个动画执行期间禁止点击页面,或者在某段时间内禁止点击事件发生。可以使用添加遮罩$(".btn").click(function(){
$(".zt-cards").removeClass("zt-active");$(this).addClass("zt-active");if($(".zt-cards").hasClass("hover")){
$(".shade").show();$(this).removeClass("hover");setTimeout(function(){
},700);$(".zt-cards").removeClass("hover");$(".shade").delay(2040).hide(1);$(".shade_bg").delay(2000).show(1);
}});
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({
},600, function(){marginTop: "-111px"
$(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
// }})
联系客服