绑定未来元素的事件

绑定未来元素的事件

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如何给未来元素绑定事件