JQuery - Esperar que ajax cargue antes de iniciar la siguiente funcion

 
Vista:
sin imagen de perfil
Val: 2
Ha aumentado su posición en 25 puestos en JQuery (en relación al último mes)
Gráfica de JQuery

Esperar que ajax cargue antes de iniciar la siguiente funcion

Publicado por kwk3 (1 intervención) el 30/07/2020 16:08:44
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<script>
jQuery(document).ready(function nombrefuncion($) {
 
 
	$('#div1').load('url.html #elemento2');
	$('#div2').load('url.html #elemento');
 
 
})
 
</script>
 
 
<script>
jQuery(document).ready(function nombrefuncion2($) {
 
	$('#div1').css({"backgroundColor": "black", "color": "white"});
 
})
 
</script>

He hecho una llamada con ajax y javascript a una porción de otra página de mi sitio web con la función 1. ¿Cómo puedo esperar a ajax haya cargado el contenido de la página externa antes de que se inicie la función "nombrefunción2? Es decir, que una vez que el contenido se haya cargado se inicie la función 2, y no antes.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de joel
Val: 229
Oro
Ha mantenido su posición en JQuery (en relación al último mes)
Gráfica de JQuery

Esperar que ajax cargue antes de iniciar la siguiente funcion

Publicado por joel (71 intervenciones) el 30/07/2020 18:03:09
Para ello, puedes utilizar el callback... algo así:

1
2
3
4
5
6
7
8
9
10
<script>
jQuery(document).ready(function nombrefuncion($) {
 
	$('#div1').load('url.html #elemento2');
	$('#div2').load('url.html #elemento', function() {
		$('#div1').css({"backgroundColor": "black", "color": "white"});
	);
 
});
</script>
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar