खिड़की से पहले अग्नि कार्य अभिविन्यास परिवर्तन पर सामग्री का आकार बदलता है?

Question

इसलिए मैं खुद को एक मोबाइल वेबपैप बना रहा हूं और उपयोगकर्ता ने फ़ोन घुमाए जाने के बाद लेआउट के रीशेफल को छिपाने की कोशिश कर रहा हूं (मेरे पास एक पोर्ट्रेट और जेएस द्वारा निर्धारित लैंडस्केप लेआउट है)।

मैंने सोचा था कि मैं वापस में एक दूसरे या तो बाद $('body').display = "none"; जब आकार आग सेट और शरीर फीका करने के लिए सक्षम होना चाहिए, फिर भी फेरबदल अभी भी में display = "none" किक से पहले होता है।

वहाँ कोई तरीका है जैसे ही पृष्ठ घूमता है, फ़ंक्शन को आग लगाना ताकि मैं reshuffling तत्वों को छुपा सकूं? मैंने 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