javascript - click中嵌套click事件多次触发

问题描述

问 题

$('.input:eq(1)').on('click',function(n,v){
    $("#content").html(" <ol><li>男</li><li>女</li></ol>");

    $("#update").click(function(){
        var content =  $("li.PitchOn").html();
        alert(content);
    })
})
$(".select_main").on('click','li',function(n,v){
    $(this).addClass('PitchOn').siblings().removeClass('PitchOn');
})


怎么就可以不多次触发点击事件， 求助

解决方案

只是因为冒泡

$(".select_main").on('click','li',function(e){
    e.stopPropagation();
    $(this).addClass('PitchOn').siblings().removeClass('PitchOn');
})

具体参考

• Bubbling and capturing

• event.preventDefault() vs. return false

这篇关于javascript - click中嵌套click事件多次触发的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！