Chức năng báo cháy trước khi cửa sổ thay đổi kích thước nội dung về thay đổi hướng?

Question

vì vậy tôi đã tự xây dựng cho mình một ứng dụng web di động và đang cố gắng ẩn bố cục lại sau khi người dùng đã xoay điện thoại (tôi có chân dung và bố cục nằm ngang bởi js).

tôi đã nghĩ rằng tôi sẽ có thể thiết lập $('body').display = "none"; khi cháy thay đổi kích thước và mờ dần cơ thể trở lại sau một giây hoặc lâu hơn, tuy nhiên shuffle vẫn xảy ra trước khi display = "none" đá trong.

Có cách nào thế nào để kích hoạt một chức năng ngay khi trang quay để tôi có thể ẩn các phần tử thay đổi kích thước? Tôi cũng đã thử người nghe onorientationchange nhưng họ dường như bắn trực tiếp sau khi sự kiện diễn ra.

Answer 1

bạn có thể trì hoãn việc xáo trộn với một thời gian chờ:

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

Answer 2

Bạn có thể cố gắng làm điều này:

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

documentation