當我改變iPad的方向從縱向到橫向時，頁面會不斷重新加載

我一直在搜索Google搜索解決方案，並且沒有成功。所以在這裏我要求你的幫助。提前謝謝了。當我改變iPad的方向從縱向到橫向時，頁面會不斷重新加載

頁面可以看到HERE！

標題和側邊欄有位置：固定在樣式表中，而左側的值是用jQuery動態生成的。頁眉和側欄對窗口調整大小或變焦正確重新排列，我已經加入：

/* Reload page on window Resize */ 
jQuery(window).bind('resize',function(){ 
    window.location.href = window.location.href; 
});

爲情況下，當窗口被部分地佔用（如按下[CTRL] + [B]，以顯示在Firefox書籤，例如），我說：

/* Reload page if window Partially Occupied */ 
var screen_width = screen.width; 
window.onresize = function(){ 
    if(window_width != screen_width) { 
    location.replace(location.href); 
    }  
}

放眼整個代碼，我希望你會喜歡它。

問題：

在iPad上，當我改變它的方向，從縱向到橫向，頁面會不斷重裝（與縱向一切都很好）。我認爲iPad不會壞，因爲我在第二次測試。

任何人都可以告訴我是什麼問題？如果Galaxy Tab上發生同樣的情況？

謝謝！

來源

2012-09-04 user1647234

什麼是對調整大小重新加載頁面的意義呢？如果您有代碼負載排列或定位元素，則調用該代碼也可調整大小。重新加載整個頁面以調整大小是浪費帶寬，並且對訪問者來說真的很煩人 – MrOBrian

爲什麼你同時使用'jQuery（window）.bind（'resize'，fn）'和'window.onresize'？你應該只使用一個。 –

感謝您的建議，但是這並沒有解決問題... – user1647234

見JQM事件的問題：

在iPad上，當我改變它的方向，從縱向到橫向，頁面會不斷加載（與縱向所有很好）。我不認爲iPad壞了，因爲我在第二個上測試過。任何人都可以告訴我問題是什麼？如果在Galaxy Tab上發生同樣的情況，那麼這個？

答案：

$(window).bind('orientationchange', function (e) { 
    switch (window.orientation) { 
     case 0: 
      //portrait mode 
      break; 
     case 90: 
      //turned to the right 
      location.reload(); 
      break; 
     case -90: 
      //turned to the left 
      location.reload(); 
      break; 
    } 
});

來源

2013-01-08 09:18:10 michaelp5484

重新調整調整大小頁面看起來像一個不好的做法，您可以嘗試使用媒體查詢設置頁面調整大小時的CSS更改。

要解決這個問題，您可以嘗試的一件事是在iPad上關注方向更改事件，並在客戶端爲iPad時忽略重新調整大小事件。

我認爲你需要爲此添加JQuery Mobile（JQM）。在http://jquerymobile.com/test/docs/api/events.html

來源

2012-09-11 20:34:44

當我改變iPad的方向從縱向到橫向時，頁面會不斷重新加載

回答

相關問題