Question

用于动态显示表格的代码

$('#showAll').click(function(){     
        $('#empList tr').remove();
        $('#empList').append("<tr><th>EmpID</th><th>EmpName</th><th>EmpSalary</th></tr>");
        $.getJSON(rootURL, function(data) {
            if(data.employee.length > 1){
                for (var i in data.employee) {              
                    $('#empList').append('<tr><td><a class="a" href="#" value="' + data.employee[i].empID + '">'+data.employee[i].empID+'</a></td><td> ' + data.employee[i].empName+ '</td><td> ' + data.employee[i].empSal+'</td></tr>');
                }
            }else{
                $('#empList').append('<tr><td><a class="a" href="#" value="'+data.employee.empID+'">'+ data.employee.empID + '</a></td><td>' + data.employee.empName+ '</td><td>' + data.employee.empSal+'</td></tr>');
            }
            });
    });

用于在标记上执行点击事件的代码，当我尝试点击超链接时，它没有执行任何操作：

$('#empList a').click(function() {
    alert("inr");

});

Answer 1

您可以使用on执行点击动态链接。看下面的代码：

$('body').on('click', '#empList a', function() {
    alert("inr");

});

Answer 2

将锚标记附加到Dom后，将click事件绑定到它。

$('#empList a').bind("click", function (e) {
    alert("inr");    
});

无法在动态<a> by using JQuery</a>上执行点击事件

2 个答案: