2012-02-03 73 views
2

我需要一個腳本,用於在用戶調整窗口大小時刷新瀏覽器。當尺寸爲x或y時,JavaScript調整瀏覽器窗口大小

腳本應該檢查窗口的大小是否超過了特定的尺寸(在我的情況下是600px和800px),並且僅在這種情況下進行刷新。

此腳本也可以使用jQuery。

你能提出任何想法或教程嗎?謝謝!

+0

你可以看看jQuery的文檔http://api.jquery.com/resize/ – 2012-02-03 10:42:24

+0

純粹是出於興趣,在這是需要什麼樣的情況? – 2012-02-03 10:53:17

+0

我使用CSS媒體查詢來根據窗口大小更改頁面的佈局。在我使用ORBIT(一個jQuery插件)的頁面中,當用戶更改頁面的尺寸以便刷新頁面似乎是一個合理的解決方案時有一些問題,謝謝 – GibboK 2012-02-03 11:06:50

回答

3

使用jQuery:

$(document).ready(function(){                                                             
    var t; 
    $(window).resize(function(){ 
    clearTimeout(t); 
    if ($(window).width() > 800 && $(window).height() > 600) { 
     t = setTimeout(function(){ 
     window.location.reload(); 
     }, 200);                                                                 
    } 
    }); 
}); 
+0

感謝Mytho,正在工作!請問您如何修改您的腳本,以便在用戶在調整窗口大小後釋放鼠標按鈕時重新加載?任何想法?謝謝 – GibboK 2012-02-03 10:48:58

+1

修改代碼以包含超時功能。這應該做到這一點。 – 2012-02-03 10:57:50

+0

完美!再次感謝您的幫助! – GibboK 2012-02-03 11:04:51

相關問題