Mi aplicación web carga dinámicamente secciones de su interfaz de usuario conjquery.ajax. Sin embargo, las nuevas secciones de IU vienen con script. Los estoy cargando como tal:

Utilizar..

$.ajax({
  url: url,
  dataType: 'html',
  success: function(data, textStatus, XMLHttpRequest) {
      $(target_selector).html( data );
      update_ui_after_load();
  }
});

Esto casi funciona. El problema es que los scripts incluidos en la parte dinámica de la página se ejecutan antes de que el nuevo fragmento de página se inserte en el DOM. Pero a menudo estos scripts quieren modificar el HTML con el que se entregan. Mi mejor solución hacky hasta ahora es retrasar los scripts durante un tiempo razonable para permitir que se produzca la inserción DOM, envolviéndolos en unsetTimeout:

window.setTimeout( function() {
    // process downloaded Fragment
}, 300);

Obviamente, esto no es confiable y horrible. ¿Qué es una mejor manera?