¿La función de incendio antes de la ventana cambia el tamaño del contenido en el cambio de orientación?

Question

así que he estado construyendo una aplicación web móvil y estoy tratando de ocultar la reorganización del diseño después de que el usuario ha rotado el teléfono (tengo un retrato y un diseño de paisaje establecido por js).

había pensado que debería ser capaz de establecer $('body').display = "none"; cuando se dispara el cambio de tamaño y desaparecer el cuerpo de nuevo después de un segundo o menos, sin embargo, la confusión todavía ocurre antes de la display = "none" entra en acción.

¿Hay alguna forma para disparar una función tan pronto como la página gira para que pueda ocultar los elementos de reorganización? También probé con los oyentes de cambio de orientación pero parecen disparar directamente después de que el evento haya tenido lugar.

Answer 1

puede retrasar la reorganización con un tiempo de espera:

$(window).resize(function(){ 
    $('body').hide(); 
    setTimeout(function(){ 
     reshuffle(); 
     $('body').show(); 
    }, 100);//100ms 
}); 

Answer 2

Usted puede intentar hacer esto:

$.when($('body').hide()).then(function() { 
    $(window).resize(function(){ 
     setTimeout(function(){ 
      reshuffle(); 
     }, 100);//100ms 
    }); 
}); 

documentation