2014-01-25 189 views
0

試圖抓住屏幕尺寸,並添加一個if/else語句的查詢,但由於某種原因,我不能得到它的工作jQuery的 - 獲取屏幕尺寸寬度

是,如果屏幕寬度我正在尋找是大/等於480像素,以下應輸出:

{$pPage = $cWidth} 

否則這樣的:

{$pPage = 1} 

這是我到目前爲止有:

<script type="text/javascript"> 
(function($) { 
    $(document).ready(function() {  
     {$pPage = $cWidth}  
})(jQuery); 
</script> 

有人在那裏建議如何添加查詢引用screen.width,以便它也可以工作?

+0

http://stackoverflow.com/questions/7715124/jquery-do-something-if-screen-width-is-less-than-960-px –

回答

11

試試這個:

使用jQuery:

if ($(window).width() < 1280) { 
    alert('Less than 1280'); 
} 
else { 
    alert('More than 1280'); 
} 

OR

使用javascript:

var screensize = document.documentElement.clientWidth; 
if (screensize < 1280) { 
    alert('Less than 1280'); 
} 
else { 
    alert('More than 1280'); 
} 
+0

許多thx,jQuery版本的作品。根據我的需要修改它不起作用。保持返回最後定義的值。任何想法爲什麼? 'if($(window).width()<1280){{$ pPage = 1}; } else {{$ pPage = 3}; }' – Manga

+0

三元! 'var $ pPage =($(window).width()<1280)? 1:3;' - 可能還需要在resize鉤子中包裝:'$(window).resize(function(){var $ pPage =($(window).width()<1280)?1:3; doSomethingWith $ PPAGE);})' – TomFuertes