2010-12-15 12 views
8

actualmente estoy teniendo problemas con lo siguiente (aquí algunos ejemplos de código primero):¿Cómo seleccionar un elemento cargado a través de la función jQuery load()?

<div id="container"></div> 

<script type="text/javascript"> 
    $('#container').load('content.html'); 

    $('.elementInContentHTML').fadeIn(); 
</script> 

En resumen, quiero ser capaz de acceder a los elementos que se han añadido de forma dinámica a una página sin asociar a eventos manejadores.

lo que sé sobre el método live(), pero No desea enlazar mi acción a cualquier evento, es decir, sólo quiero ejecutar algunas acciones con estos nuevos elementos sin hacer clic en ellos, centrándose, visión borrosa, etc.

Respuesta

15

La función load es asíncrona.
La siguiente línea se ejecuta antes de que se cargue el contenido.

Es necesario poner el código dentro de la función de devolución de llamada load, de modo que sólo se ejecutará después de cargar el nuevo contenido:

$('#container').load('content.html', function() { 
    $('.elementInContentHTML').fadeIn(); 
}); 
3

¿Podría intentar usar la devolución de llamada cuando finalice la carga? Ver http://api.jquery.com/load/

$('#result').load('ajax/test.html', function() { 
    alert('Load was performed.'); 
}); 
Cuestiones relacionadas