Ejecución de scripts de JQuery en contenido cargado de AJAX

Question

Estoy usando .load() para extraer archivos HTML estáticos en mi página HTML principal. Existen los guiones y los selectores que he escrito dentro:

$(document).ready(function(){}); 

Pero ellos no funcionan en el contenido cargado AJAX. He leído que esto se debe a que los selectores que estoy usando no están disponibles.

¿Hay una mejor manera de hacerlo? La adición de la secuencia de comandos a la función window.load no funciona bien:

$(window).load(function() {}); 

Answer 1

$(document).ajaxComplete(function(){ 
    // fire when any Ajax requests complete 
}) 

ajaxComplete()

Answer 2

Hay más de una opción:

1. puede agregar scripts de inicialización [$(this).click...] en función del callback$.load()
2. puede usar $.live(), que crea controladores incluso para objetos cargados/creados dinámicamente.

Más aquí:
devolución de llamada: http://api.jquery.com/load/ (nótese la función "complete()")
aprieto: http://api.jquery.com/live/

Editar: Mi error, fue live(), no bind(), gracias chicos

Answer 3

Puede vincular eventos al contenido cargado dinámicamente a través de jQuery's $.live().

De jQuery http://api.jquery.com/live/:

Adjuntar un manejador para el evento de todos los elementos que coinciden con el selector de corriente, ahora y en el futuro.

Answer 4

jQuery load toma un argumento de la función de devolución de llamada opcional que se puede utilizar para hacer cualquier ajuste que necesita después de su contenido ajax-ed se carga