js绑定事件_html/css_WEB-ITnose

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

有两张图片，点击其中一张后另一张不能点击

回复讨论(解决方案)

现在写出来是两张都能点

$(".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只是解除点击对象自身的事件
你都解除所有的了，再解不解除自身的都一样