使用jquery mobile創建手機網站

Question

我開始使用jquery mobile在手機上創建我的網站版本。到目前爲止，它的偉大，但我昨天遇到了一些東西，無法弄清楚。我使用了很多我已經編寫的代碼，但它們都使用jQuery，前面帶有$，jQuery mobile在調用前使用jQuery。有沒有辦法使用兩者。我一直在用$ .noConflict（）來玩弄，但無濟於事。有任何想法嗎？

Answer 1

您可以使用Modernizr並使用Modernizr的新媒體查詢測試檢查屏幕尺寸。這使您可以保留一頁並將其用於各種屏幕尺寸，而不會犧牲移動/平板電腦/桌面的質量。

if (Modernizr.mq('only screen and (max-width: 480px)')) { 
    Modernizr.load('/mobile.js'); 
} else if (Modernizr.mq('only screen and (max-width: 768px)')) { 
    Modernizr.load('/tablet.js'); 
} else { 
    Modernizr.load('/desktop.js'); 
}