我用on绑定一个后来添加的元素的事件,并没有触发啊?

来源:5-2 几种绑定

慕粉18628927938

2016-07-11 23:36

<body>

  <p>on,click,delegate</p>

  <h2>ddddd</h2>

  <span></span

<script>

$("h2").on("click",function(){

    $("p:first").before(" <h3>sdfsdf</h3>");

})

$("h3").on("click", function(){

    $("span").append("on触发! ");

});

单击ddddd,会在最上面显示sdfsdf,但我单击sdfsdf后,并没有显示“on触发”,是因为on不能绑定动态添加的元素吗?

写回答 关注

1回答

  • yaoxtao
    2016-07-20 11:54:10

    on支持动态绑定,只不过需要绑定到父级元素上。

    <script>

    $("h2").on("click",function(){

    $("p:first").before(" <h3>sdfsdf</h3>");

    })

    $("body").on("click","h3", function(){

        $("span").append("on触发! ");

    });

     </script>

jQuery源码解析(DOM与核心模块)

由浅入深的剖析jQuery库的设计与实现,揭开框架背后的秘密

71439 学习 · 82 问题

查看课程

相似问题