jQuery 动态设置一个事件

当我们不确定DOM是否加载完毕,但是有需要设置监听事件时,可以使用

doAddBtn 为控件的id

$(document).on('click','#doAddBtn',function(){
    //// 动态加载监听
});

具体案例:

在一个js文件里面添加DOM:

var btnHtml ='<div id="content"></div>';

$(document.body).html(btnHtml); // 将控件添加到body
//先设置监听
$(document).on('click','#doAddBtn',function(){
 alert('去执行');// 
});

var doBtnHtml = '<button id="doAddBtn">添加</button>';
$('#content').html(doBtnHtml); // 后加载button