click中嵌套click事件多次触发

Question

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


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

Answer 1

只是因为冒泡

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

具体参考

• Bubbling and capturing

• event.preventDefault() vs. return false

Answer 2

添加 return false 可以阻止事件冒泡