绑定未来元素的事件
demo如下:
html部分:
<ul class="menu">
<li class="son">php</li>
<li class="son">javascript</li>
</ul>
<button class="add">添加菜单</button>
js部分
$('button.add').click(function(){
$('<li class="son">mysql</li>').appendTo('ul.menu');
})
//给li绑定click事件
//记住不要把事件直接绑定在son元素上$('.son').on('click',function(){})
//正确的姿态:
$('.menu').on('click', '.son', function(){
alert('正在进入...');
})
声明此文来源:jquery on如何给未来元素绑定事件