开发者社区> 问答> 正文

Jquery插入dom后,插入部分无法调用

例如:
html:

<div class="a"><div>
<div class="b"><div>

在,js文件里有:

$(function(){
  $('.a').click(function(){
    alert('ok');
  })
  $('.b').click(function(){
    $("<div class='a'></div>").insertAfter($(this));
  })
})

那么新的dom结构就是

<div class="a"><div>
<div class="b"><div>
<div class="a"><div>

而后面那个a点击的时候就不会触发$('.a').click事件

问:怎么让后面加载的'.a'能够触发那个click事件

展开
收起
杨冬芳 2016-06-14 14:38:45 1612 0
1 条回答
写回答
取消 提交回答
  • IT从业

    你应该使用 on 事件进行绑定。http://api.jquery.com/on/

    $(function(){
      $("body").on("click", '.a', function(){
        alert('ok');
      });
      $('.b').click(function(){
        $("<div class='a'></div>").insertAfter($(this));
      });
    })
    2019-07-17 19:37:40
    赞同 展开评论 打赏
问答分类:
问答标签:
问答地址:
问答排行榜
最热
最新

相关课程

更多

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载