Jquery插入dom后，插入部分如何调用js

例如：

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事件





答：用 on 事件进行绑定。[http://api.jquery.com/on/](http://api.jquery.com/on/)




如：

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