正確的方式來運行jQuery代碼取決於屏幕分辨率

我在我的網站（使用jquery插件），有一個多級大型菜單，但是，當在移動設備上查看站點時，我想運行不同的JS代碼在菜單上，爲了有一個移動友好的選擇菜單。對於我來說，檢查運行哪些代碼的正確方法是什麼，例如屏幕寬度小於768px寬？有沒有處理這個問題的標準方法？正確的方式來運行jQuery代碼取決於屏幕分辨率

來源

2012-01-30 user1153594

檢查window.screen對象。

if(screen.width < 768) { 
    // do some js 
}

來源

2012-01-30 11:52:48 jAndy

jAndy - 這就是我的想法，但不知道這是否是處理這個問題的標準方式。謝謝 – user1153594 2012-01-30 11:57:41

這裏沒有適用於屏幕對象的公共標準，但所有主流瀏覽器都支持它。參考：http://www.w3schools.com/jsref/obj_screen.asp – Jashwant 2012-01-30 12:03:08

喜按該問題，您可以更改使用媒體屬性的樣式和代碼在你link標籤

有關詳細的解釋這裏指的博客..

Create-a-mobile-version-of-your-website

來源

2012-01-30 11:55:02 Murtaza

媒體查詢只會影響樣式表，而不是javascript。 – jAndy 2012-01-30 11:56:36

我認爲你應該創建你的網站的兩個版本，並使用JavaScript檢查代理並相應地重定向用戶，而不是在常規網頁上添加腳本..用戶代理併爲您做好工作，打開正確的網站格式，基於設備。 – Murtaza 2012-01-30 12:03:37

正確的方式來運行jQuery代碼取決於屏幕分辨率

回答

相關問題