欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

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


回复讨论(解决方案)

现在写出来是两张都能点

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

相关标签: js绑定事件