2015-11-08 70 views
2

我想检查浏览器是否有一个多彩的像素大小。这是我的尝试:检查窗口大小始终(jQuery)

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

这对我起初工作,但现在我想检查此脚本总是。所以,如果大小发生变化,应该弹出“谢谢”之类的东西。

我认为jQuery中有文档就绪函数,但我没有得到解决方案。

任何人都可以帮助我吗?谢谢!

回答

3

尝试此

$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'); 

}); 
2

如果你想检查你总是写的脚本,然后把它放在窗口调整大小事件。

实施例:

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

});