La funzione incendio prima che la finestra ridimensioni il contenuto sul cambio di orientamento?

Question

quindi mi sono creato una webapp mobile e sto cercando di nascondere il rimpasto del layout dopo che l'utente ha ruotato il telefono (ho un ritratto e un layout orizzontale impostato da js).

Avevo pensato che dovrei essere in grado di impostare $('body').display = "none"; quando i fuochi di ridimensionamento e svanire il corpo torna in dopo un secondo o giù di lì, ma il riordino avviene ancora prima che i display = "none" calci.

Esiste un modo sparare una funzione non appena la pagina ruota in modo da poter nascondere gli elementi di rimpasto? Ho anche provato gli ascoltatori di onorientationchange ma sembrano attivarsi direttamente dopo che l'evento ha avuto luogo.

Answer 1

è possibile ritardare il rimpasto con un timeout:

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

Answer 2

si può provare a fare questo:

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

documentation