js绑定事件_html/css_WEB-ITnose
程序员文章站
2022-06-10 12:10:41
...
$(".eggList li").one("click",function() {
$(this).children("span").hide();
$(this).addClass("curr");
$(".a").addClass("ab");
setTimeout(function(){
$(".eggList li").siblings().addClass("curr");
$(".b").addClass("ab");
},1000);
});
有两张图片,点击其中一张后另一张不能点击
能解释下什么意思吗?第一行on改成one也能用,为什么
$(this).children("span").hide();
$(this).addClass("curr");
$(".a").addClass("ab");
setTimeout(function(){
$(".eggList li").siblings().addClass("curr");
$(".b").addClass("ab");
},1000);
});
有两张图片,点击其中一张后另一张不能点击
回复讨论(解决方案)
现在写出来是两张都能点
$(".eggList li").on("click",function() {
$(".eggList li").off("click");
$(this).children("span").hide();
$(this).addClass("curr");
$(".a").addClass("ab");
setTimeout(function(){
$(".eggList li").siblings().addClass("curr");
$(".b").addClass("ab");
},1000);
});
$(".eggList li").on("click",function() {
$(".eggList li").off("click");
$(this).children("span").hide();
$(this).addClass("curr");
$(".a").addClass("ab");
setTimeout(function(){
$(".eggList li").siblings().addClass("curr");
$(".b").addClass("ab");
},1000);
});
能解释下什么意思吗?第一行on改成one也能用,为什么
$(".eggList li").off("click");是解除所有li上的事件。one只是解除点击对象自身的事件
你都解除所有的了,再解不解除自身的都一样