2011-03-13 89 views
0

我正在爲我的朋友之一的網站工作... 而我正在使用媒體查詢的CSS,目標顯示器,iPad和其他平板電腦。如何讓jQuery調用多個js文件,這取決於查看器使用的是什麼樣的分辨率?如何使jQuery能夠調用多個js文件?iPad - 使用不同的js文件,基於屏幕分辨率

這將意味着世界對我來說,如果有人可以幫助我在這裏...

此致/明起

+2

問題是:你應該嗎?難道你只能根據分辨率或(更恰當的)瀏覽器窗口大小來更改腳本的行爲嗎? – Thomas 2011-03-13 09:41:26

回答

0

我的建議是使用一個組的JS文件,但處理屏幕尺寸在您的程序中很早。你最想做的事情是爲每個屏幕尺寸設置不同的css文件;每個文件都有一個js文件會變得很難管理。

您可以使用jQuery獲取窗口大小並將相關類添加到bodyhtml標記。例如,對於大於1024px的大屏幕,您可以將extraWide添加到body。然後,您可以選擇格式化爲具有特定CSS的寬屏幕,如body.extraWide

另外,在移動設備中,根據新方向捕獲onorientationchange事件以重新格式化佈局。您可能會將名爲portraitlandscape的課程添加到body以針對不同的方向具有不同的css規則。