Rumah > hujung hadapan web > html tutorial > js绑定事件_html/css_WEB-ITnose

js绑定事件_html/css_WEB-ITnose

WBOY
Lepaskan: 2016-06-21 09:04:09
asal
919 orang telah melayarinya

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

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan