Функция огня перед окном изменяет размер содержимого при изменении ориентации?

Question

, поэтому я создаю себе мобильное веб-приложение и пытаюсь скрыть перестановку макета после того, как пользователь повернул телефон (у меня есть портретная и альбомная ориентация, установленная js).

Я думал, что смогу установить $('body').display = "none";, когда изменение размера сработает, и тело исчезнет через секунду или около того, однако перетасовка все еще происходит до того, как display = "none" включится.

Есть лилюбой способ вызвать функцию, как только страница вращается, чтобы я мог скрыть элементы перестановки?Я также пробовал слушателей onorientationchange, но они, похоже, запускаются сразу после того, как событие произошло.

Answer 1

Вы можете попробовать сделать это:

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

Документация

Answer 2

вы можете отложить перестановку с таймаутом:

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