美文网首页
JQuery 为动态生成的元素添加事件

JQuery 为动态生成的元素添加事件

作者: 京樂春水 | 来源:发表于2020-02-29 17:09 被阅读0次

在编写JS的时候,在给某个div增加新的DOM内容的时候,想为添加的DOM元素设置click方法,但是发现click方法始终没用,html代码如下:

<div class="test"></div>

script代码为:

<script>
   $(function () {
      $(".test").html("<button class='btn'>btn</button>");
    });
    $(".btn").click(function () {
      alert('xxxx')
    });
</script>

这样,虽然可以添加button元素,但是对button设置的click方法是无效的,正确的方法为:

<script>
   $(function () {
      $(".test").html("<button class='btn'>btn</button>");
    });
    $("body").on("click", ".btn",function () {
      alert('xxxx')
    });
</script>

相关文章

网友评论

      本文标题:JQuery 为动态生成的元素添加事件

      本文链接:https://www.haomeiwen.com/subject/sqpphhtx.html