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