Question

如何处理使用ajax加载的表中的click事件？这是我的桌子。

<table class="table table-striped table-bordered table-hover" id="test">
</table>

这是我将数据加载到上面的表格中的功能

function tampilkan() {
var data_table = ""; 
var head_table = ""; 
    $.ajax({
        url: "tampilkanker/"+ $('#noworkorder').val(),
        dataType: "json",
        success: function(data) {
        $('#test').empty();
        head_table +="<thead><tr class='bg-info'><th width='10%'>No</th><th width='80%'>Kerusakan</th><th width='10%'>Action</th></tr></thead>";
         for (var i =0; i<data.length; i++){
              $no = i + 1;
             data_table +="<tr id='"+data[i].id+"'><td> "+ $no +"</td> <td> "+data[i].value+"</td><td>"+"<button id='haptranker' class='a btn btn-warning'>Hapus</button>"+"</td></tr>";
         }
          $('#test').append(head_table);    
          $('#test').append(data_table);    
        }
    });
 }

首次加载时加载该功能。

window.onload = function() {
    tampilkan();
}

即时尝试此代码但不在我的桌子上工作。用于检查按钮被单击的简单代码。

$(document).ready(function() {
    $('#test tr').click(function() {
    alert("xxx");
    });
});

当我点击该按钮时，如何运行click（）等其他功能？我的主要目标是通过ajax表运行删除功能，如果我能解决这个问题，可能不是很难做到这一点。

在使用ajax加载的表内处理按钮单击事件

0 个答案: