Question

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

我原本以为我应该能够设置$('body').display = "none";当调整大小时会在一秒左右后重新开始并将身体淡入淡出，但是在display = "none"开始之前，这种情况仍会发生。 / p>

有没有办法在页面旋转后立即触发功能，以便我可以隐藏重新洗牌元素？我也尝试了onorientationchange监听器，但它们似乎在事件发生后直接触发。

Answer 1

你可以在超时时延迟重新洗牌：

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

Answer 2

您可以尝试这样做：

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

documentation

窗口前的消防功能会在方向更改时调整内容大小？

2 个答案: