在窗口改变方向时调整内容大小之前激发功能

Fire function before window resizes content on orientation change?

本文关键字：功能 改变方向 窗口 调整      更新时间：2023-09-26

所以我一直在为自己构建一个移动网络应用程序，并试图在用户旋转手机后隐藏布局的重新调整（我有一个由js设置的纵向和横向布局）。

我原以为我应该能够在调整大小时设置$('body').display = "none";，并在一秒钟左右后将主体淡入，但在display = "none"开始之前仍然会发生洗牌。

有没有办法在页面旋转时立即启动一个函数，这样我就可以隐藏重新排列的元素？我也试过对听众不友好，但他们似乎在事件发生后就直接开火了。

您可以通过超时延迟重新洗牌：

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

您可以尝试这样做：

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

文档

相关文章：