问答详情
源自:5-2 几种绑定

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

<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不能绑定动态添加的元素吗?

提问者:慕粉18628927938 2016-07-11 23:36

个回答

  • 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>