首页 > 代码库 > jQuery.1.9 live 代替事件 on 新增内容无法触发事件

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

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

在1.9 可以用live 事件来代替

1.9以后用 

<div class="search-result-list">
<ul>
<li data=http://www.mamicode.com/‘11‘>我是内容>

如果<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){
                      $(".by-result").html(msg.data.ill)
                  }else{
                    alert("数据失败!");
                }
            }
        });
    })

 

使用 live

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

 

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