2015-11-08 2 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"); 
} 

}); 
Смежные вопросы