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

aries 发表于 2013-03-20 1868 次浏览

例如:

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));
  });
})

0条评论

如需评论,请填写表单。
换一个

记住我的信息