在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);
            }
    });
});

委托活動

委派事件的優勢在於，它們可以處理來自后代元素的事件，這些事件在以后的時間添加到文檔中。 通過選擇保證在附加委托事件處理程序時會出現的元素，您可以使用委托事件來避免頻繁附加和刪除事件處理程序的需要。