在jQuery上調用IE8屏幕大小切換

我在調用屏幕大小調用函數時遇到了一些與IE8有關的問題（想象一下...）。我正在調用的這個功能是一組響應式調整，旨在使我的網站在移動設備上更加可用。我在頁面加載和屏幕大小調整後調用該函數。我遇到的問題發生在我使用jQuery切換Scree上的某些內容時（如搜索框）。根據IE8，每當我切換的東西，它會觸發屏幕調整大小功能，然後隱藏我剛剛切換的東西。在jQuery上調用IE8屏幕大小切換

我用一些示例代碼創建了一個要點，因爲pastebin和IE8似乎不能一起工作。 https://gist.github.com/johns996/5501932

來源

2013-05-02 Cloudkiller

你應該在這裏發佈你的代碼，而不是要求 – 2013-05-02 12:54:09

堆棧在我試圖粘貼它時撕掉了文檔類型和標題部分。這就是爲什麼我選擇了要點。 – Cloudkiller 2013-05-02 13:01:34

你可以在這裏使用IE8重現你的問題：http://jsfiddle.net/yJxG9/6/embedded/result/因爲在模擬模式下，我不能。 – 2013-05-02 13:11:11

你的問題簡單的解決方案，只是檢查是否調整大小沒有真正調整窗口的大小：

//run the tweaks on page resize 
var x,y; 
var w=$(window).resize(function() { 
    var newx=w.width(); 
    var newy=w.height(); 
    if(x!=newx || y!=newy){ 
     // run code... 
    } 
    x=newx; y=newy; 
});

只是測試它在IE8和作品。

來源

2013-05-02 13:26:41 Willem

完美。我知道必須有一個簡單的方法來做到這一點，我只是沒有想到實際檢查窗口大小。 – Cloudkiller 2013-05-02 13:37:03

作爲一個附註，我在上述腳本的版本中拔出了高度檢查，因爲當我切換框使窗口再次隱藏時窗口的高度似乎發生了變化。 – Cloudkiller 2013-05-02 13:42:49

我見過IE8做更多的東西！ ;-)當你切換時頁面是否獲得水平滾動條？這可能是高度變化的原因。 – Willem 2013-05-02 15:01:40

在jQuery上調用IE8屏幕大小切換

回答

相關問題