首页 > Web开发 > 详细

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

时间:2017-08-02 18:28:45      阅读:275      评论:0      收藏:0      [点我收藏+]

如果是新增 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 新增内容无法触发事件

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!