所以我一直在为自己构建一个移动网络应用程序,并试图在用户旋转手机后隐藏布局的重新调整(我有一个由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
});
});
文档