ajax从服务器拿了数据回来循环显示在HTML后不能响应事件

最新推荐文章于 2019-04-02 07:58:58 发布

写Bug

最新推荐文章于 2019-04-02 07:58:58 发布

阅读量2.1k

点赞数 2

分类专栏： html 文章标签： ajax html 服务器数据

本文链接：https://blog.csdn.net/qq_26598303/article/details/49306515

版权

html 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

要做一个查看历史记录的页面，点击那条记录会显示出详情。ajax从服务器拿了记录信息的数据回来，就把记录循环然后appen出来。页面显示没问题，数据库有多少记录全部都显示出来了，但是，点击却该记录没反应。

有人说用unbind，有人说用live，有人说用on，但是试过都没用。后来终于知道问题在哪里了，原来每次循环出来的元素要触发事件是需要绑定的，所以，事件方法应该写在循环里面。

                //循环出所有本月记录。data是服务器返回的数据，为数组。
                var datamonth=data['last0data'];

                $.each(datamonth, function(index, datamonth) {
                    var html= "<li"+" "+"id="+datamonth.sign_id+" "+" class='list-group-item' >"+
                                "<div class='item' style='font-size: 16px' >"+
                                "<div class='datetime' style='float: left;'>"+"<span class='glyphicon glyphicon-list' aria-hidden='true'>"+"</span>"+"　"+datamonth.sign_datetime.substring(0,11)+"</div>"+
                                "<div style='float: right'>"+datamonth.user_name+"</div>"+
                                "<div style='clear: both;'>"+"</div>"+
                                "</div>"+"</li>";
                    $("#body").append(html);
                    $("#"+datamonth.sign_id).on("click",function(){
                      var sign_id=$("#"+datamonth.sign_id).attr("id");
                        var sign_datetime=$("#"+datamonth.sign_id).text().substring(1,11);
                        attendance_check.gettable_sign(sign_id,sign_datetime);
                    })
                })