正文

jQuery.1.9 live 代替事件 on 新增内容无法触发事件

IP云
IP云V管理员/4 阅读
08/11
提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

如果是新增 append 或者 html() 事件添加的内容,无法触发 click 事件,

在1.9 可以用live 事件来代替

1.9以后用

<div class="search-result-list">
<ul>
<li data='11'>我是内容</li>
<li data='12'>我是内容</li>
</ul>
</div>

如果<li>是新增的内容 , 就无法触发click事件,只能用下面的来实现

$("body").on('click','.search-result-list ul li',function (){
var id = $(this).attr('data');
$.ajax({
type: "POST",
url: "/Admin/Checkup/look_edit",
data: {id:id},
success: function(msg){
if(msg.status==1){

 msg = eval('(' + msg + ')'); 
$(".by-result").html(msg.data.ill)
}else{
alert("数据失败!");
}
}
});
})

使用 live

$('.search-result-list ul li').live('click', function(){
alert('OK');
});