php - 用ajax返回数据，绑定点击事件，生成弹窗,可是分页后，下一页就没有点击生成弹窗效果了

问题描述

问 题

用ajax返回json数据，生成a标签，每个标签绑定点击事件，生成弹窗

                     for(var i=1;i<data.length;i++){
                             html += '<tr>';
                             html += '<td>'+ data[i].name +'</td>';
                             html += '<td>'+ '<img src="'+data[i].headimgurl+'"/>'+'</td>';
                             //javascript:return false;
                             html += '<td>'+ '<a onclick="javascript:return false;" '+' href="/plan/'+data[i].id+'">' +data[i].title+'</a>'+'</td>';
                             html += '<td>'+ getLocalTime(data[i].ctime) +'</td>';
                             html += '</tr>';  
                        }

点击每个a标签就会出现弹窗，弹窗里绑定的是console.log($(this))也没有任何数据产生

           $('td a').each(function(i){
                    $(this).on('click',function(){
                     window.open(this.href,"","width=500,height=500,top=200,left=500");
                })
            });

这是什么原因，怎么解决呢

解决方案

动态绑定。

$('tb').on('click', 'a', function () {
    console.log(11)
})

这篇关于php - 用ajax返回数据，绑定点击事件，生成弹窗,可是分页后，下一页就没有点击生成弹窗效果了的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！