2013-06-25 59 views
-1

我使用響應式設計,因此我需要獲取窗口的寬度。如何使用jquery插件檢測窗口寬度

這是一個jQuery解決方案。

$(document).ready(function{ 
    var width = $(window).width(); 
    $(window).resize(function(){ 
    width = $(window).width(); 
    }) 

    if(width <= 480){ 
    //do something 
    } 

}) 

現在,我有後續問題:

我能叫「detectWidth」在每一個模板像我一樣在這裏?

if(detectWidth <= 480){ 
     //do something 
    } 

即使調整屏幕大小,'detectWidth'會返回正確的大小嗎?

問候

+0

這裏有什麼問題? '$(window).width()'不起作用嗎? –

+1

當你想要寬度時,你可以調用'$(window).width();'。 – stackErr

+0

我想要一個函數來調用任何地方,當我想獲得屏幕寬度! ex:function DetectWidth(// ===返回屏幕寬度!!) –

回答

0

您可以執行以下操作來獲得當前窗口的寬度:

$(window).width() 

是的,它會在用戶改變窗口的大小,甚至給更新量。

+0

例如我的函數來獲取detectWidth!函數detectWidth(){ var width = $(window).width(); (window).resize(function(){ width = $(window).width(); }) return width; } 我不認爲它運作良好,但我沒有其他解決方案! –

相關問題