在Ajax调用之后重新绑定部分视图元素

Question

$('#approveRequest').on('click', function () {
        $.ajax({
            url: $('#approveRequest').data('url'),
            type: 'post',
            success: function(result) {
                $('#accountGroupAdmin').html(result);
            }
    });
    });

如何重新绑定部分视图刷新的元素？

Answer 1

您可以将事件委托与jquery.on一起使用 。 刷新期间应保留静态父级。

$('staticParentIdCouldBeBody').on('click', '#approveRequest', function () {
        $.ajax({
            url: $('#approveRequest').data('url'),
            type: 'post',
            success: function(result) {
                $('#accountGroupAdmin').html(result);
            }
    });
});

委托活动

委派事件的优势在于，它们可以处理来自后代元素的事件，这些事件在以后的时间添加到文档中。 通过选择保证在附加委托事件处理程序时会出现的元素，您可以使用委托事件来避免频繁附加和删除事件处理程序的需要。