使用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');  
}