无法隐藏动态添加的数据答案

【问题标题】：cant hide data that was dynamically added无法隐藏动态添加的数据
【发布时间】：2014-01-26 01:48:03
【问题描述】：

这是隐藏数据的功能

$(".dispatch_pedido").live('click', function(){

    var res = this.id.split("_");

    var id = res[1];

    $("#"+id).hide();
});

此代码仅适用于最初添加的数据，但不适用于 ajax 添加的数据。

【问题讨论】：

【解决方案1】：

当您使用 ajax 向 DOM 添加新元素时，您需要使用 event delegation 以便事件可以绑定到该新添加的元素：

$(document).on('click', '.dispatch_pedido' , function(){

});

此外，live 从 jQuery 版本开始已弃用 1.7 ，您应该改用 on()。

你可以在旧版本的jQuery中使用delegate()代替on()：

$(document).delegate( ".dispatch_pedido", "click", function() {
    // Your code here  
});

【讨论】：

【解决方案2】：

您的语法似乎不正确。查看下面的代码。

$(".dispatch_pedido").live('click', function(){

    var res = $(this).attr("id").split("_");

    var id = res[1];

    $("#"+id).hide();
});

【讨论】：