JavaScript - Ayuda con Resize()

   
Vista:

Ayuda con Resize()

Publicado por Juan (16 intervenciones) el 12/02/2015 11:12:14
Buenos días.

Tengo un código como el siguiente:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
$(document).ready(function(){
 
// Aquí tengo mas código
 
$(window).resize();
 
// Aquí también tengo más código
 
});
 
$(window).resize(function () {
	if ($(window).width() < 1000) {
              // Hago algo si el ancho en más pequeño de 1000
        } else {
              // Hago algo si el ancho es más grande de 1000
        }
});

Lo que yo quiero es que cuando se inicie una página entre directamente al Resize() y compruebe las medidas. Todo funciona muy bien menos con una página que no entra por el Resize(), si pongo un ALERT(); antes y después se ejecuta el ALERT(); pero por el Resize() no pasa.

Alguien sabe si estoy haciendo algo mal o así no se debe llamar al Resize() o si hay alguna otra forma de hacerlo?.

Un saludo.
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 Vainas

Ayuda con Resize()

Publicado por Vainas (239 intervenciones) el 17/02/2015 21:18:21
Buenas:

Creo que puede ser un error de organizacion del codigo quizas?. Nose. prueba este orden (no modifico nada de lo que tienes solo el orden) y dime si funciona:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
$(document).ready(function(){
 
// Aquí tengo mas código
 
$(window).resize(function () {
	if ($(window).width() < 1000) {
              // Hago algo si el ancho en más pequeño de 1000
        } else {
              // Hago algo si el ancho es más grande de 1000
        }
});
 
$(window).resize();
 
// Aquí también tengo más código
 
});

El tema es colocar el manejador del evento dentro del onready de jquery para que lo cargue antes de hacer nada mas. Al final del todo y una vez cargado llamamos al evento la primera vez. Las siguientes veces sera llamado al dimensionar la ventana.

Ya me comentaras. Saludos
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