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