码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2017-08-02 19:08:55      阅读:207      评论:0      收藏:0      [点我收藏+]

标签:body   click   app   search   func   else   class   内容   admin   

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

 

使用 live

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

 

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

标签:body   click   app   search   func   else   class   内容   admin   

原文地址:http://www.cnblogs.com/wtcl/p/7275298.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!