檢查窗口大小始終（jQuery）

Question

我想檢查瀏覽器是否有一個多彩的像素大小。這是我的嘗試：

var height = $(".size_fullscreen").height(); 
var width = $(".size_fullscreen").width(); 
if (height == 1024 && width == 768) { 
    alert("please flip"); 
} 

這對我起初工作，但現在我想檢查此腳本總是。所以，如果大小發生變化，應該彈出「謝謝」之類的東西。

我認爲jQuery中有文檔就緒函數，但我沒有得到解決方案。

任何人都可以幫助我嗎？謝謝！

Answer 1

嘗試此

$document.ready(function(){ 

    /** Functions to call on Window Resize**/ 
    var ResizeTimer; 

    $(window).on("resize", function(){ 
     clearTimeout(ResizeTimer); 
     ResizeTimer = setTimeout(function(){ 

     // Add your functions here 
     var wH = $(".size_fullscreen").height(); 
     var wW = $(".size_fullscreen").width(); 
      if (wH == 1024 && wW == 768) { 
       alert("please flip"); 
      } 

     // wait for 200ms between each resize event 
     },200); 
    }); 
    // Call your function on DOM ready/Trigger resize 
    $(window).trigger('resize'); 

}); 

Answer 2

如果你想檢查你總是寫的腳本，然後把它放在窗口調整大小事件。

實施例：

$(window).resize(function() { 
var height = $(window).height(); 
var width = $(window).width(); 
if (height == 1024 && width == 768) { 
    alert("please flip"); 
} 

});