2012-01-18 11 views
5

Como sugiere el título superlargo, necesito algo así como un equivalente jQuery Document Ready que funcione con contenido cargado dinámicamente que se carga mediante ajax en un jQuery Mobile acordeón/plegableequivalente a Document Ready para contenido cargado con javascript mediante el acordeón de jQuery Mobile

Tenemos algunas cosas que no funcionan así:

  1. No se puede agregar javascript para el propio recargo real (debido a CMS) por lo que tiene que ser cargado a través del archivo js global.
  2. $(document).ready() no funcionará porque técnicamente no es el documento que estamos esperando cargar.
  3. $('div#id').load() parece que no funciona.
  4. $('div#id').ready() parece que se ejecuta cada vez que se carga la página real, independientemente de si se ejecuta el contenido colapsable.

Esto es como un tiro en la oscuridad, pero cualquier cosa que ustedes puedan ayudar, estoy agradecido :).

Gracias

+1

'$ carga ('div # id') (.) 'solo funciona para elementos que tienen URL asociadas a ellos (iframe, img, etc.). – Jasper

Respuesta

19

Uso .ajaxComplete()

$(document).ajaxComplete(function(e, xhr, settings){ 

}); 

Si usted quiere hacer algo cuando el documento tiene algo nuevo que se agregue a continuación:

$(document).on('DOMNodeInserted', function(e) { 

}); 
+0

Usman, no estoy seguro de por qué no recibió crédito por esta respuesta, pero a pesar de que es 2 años después, ¡gracias por señalar ajaxComplete() para mí! ¿Cómo no sabía esto? – Joel

+0

@Joel Gracias :) – Usman

Cuestiones relacionadas