jQuery .click() 函数只能与 $(window).load() 一起使用一次

Question

我一直在尝试创建一个带有删除按钮的列表来删除元素(使用ajax)。删除元素时，我使用 $("#tableId").load(window.load + "#tableId); 更新我的表，以便删除的元素消失，第一次效果很好，但是当我第一次删除一个元素并加载 #tableId 时，我无法删除更多项目。

这是脚本:

$(".remove").click(function(){
    $("#message").show();
    $("#message").html("Entro!");
    var id = $(this).attr("value");
    var href = $(this).attr("href");
    var tipo = href.replace(/([^a-zA-Z0-9])+/g, '');
    $.ajax({
        url: 'inc/checkRemoverObjeto.php',
        type: "POST",
        data: 'tipo='+tipo+'&&id='+id,
        success: function(response){
            $("#message").show();
            $("#message").html(response);

            $("#tableId").load(window.location + " #tableId");
        }
    });
    return false;
});

我搜索过，但找不到解决方案。谢谢!

Answer 1

您需要使用 on 来使用事件委托(delegate)。这会将事件应用于 #tableId 内动态添加的元素。

$("#tableId").on("click", ".remove", function() {
    // Your code here
});