Восстановить частичный вид Элементы после вызова Ajax

Question

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

Как восстановить элементы, частичный вид обновлен?

Answer 1

Вы можете использовать event delegation с jquery.on. Статический родитель должен оставаться во время обновления.

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

Delegated events

делегированного событие имеет то преимущество, что они могут обрабатывать событие от потомков элементов, которые добавляются к документу в более позднее время. По собиранию элемента, который гарантированно будет присутствовать во время прикреплён делегирован обработчик события, вы можете использовать делегированы события в избежать необходимости часто подключать и отключать обработчик событий