jQuery移动版和HTML5样板
jQuery移动版和HTML5样板
提问于 2012-01-07 01:01:07
有没有人知道一种方法，可以让jQuery手机只在特定屏幕分辨率的页面上加载？如果有人从台式机/笔记本电脑浏览器查看页面，我不希望加载jQuery移动版，因为我想使用HTML5样板。
例如，如果有人从他们的iPhone访问我的页面，我希望jQuery移动设备使用我创建的主题格式化网站，但如果他们从他们的桌面查看，我不希望jQuery移动设备添加所有额外的标签和东西。
谢谢
回答 3
Stack Overflow用户
回答已采纳
发布于 2012-01-07 04:57:12
<script type="text/javascript">
<!--
var fileref=document.createElement('script')
fileref.setAttribute("type","text/javascript")
fileref.setAttribute("src", "js/jqueryMobile.js")
if (screen.width <= 480) {
document.getElementsByTagName("head")[0].appendChild(fileref);
}
//-->
</script>Stack Overflow用户
发布于 2012-01-07 01:06:10
<script type="text/javascript">
<!--
if (screen.width <= 699) {
document.location = "mobile/index.html";
}
//-->
</script>这段脚本将识别屏幕大小，在本例中为699px，然后将告诉服务器加载与根目录不同的文件夹。只需在您的服务器上为jquery移动站点创建一个名为mobile的文件夹。干杯!
Stack Overflow用户
发布于 2012-01-07 01:50:55
jQM文档：
- http://jquerymobile.com/test/docs/api/mediahelpers.html
注意:此功能在测试版中已弃用，并在1.0rc1中删除。我们建议您改用CSS3媒体查询。要支持较旧版本的To，请查看respond.js，这是一个用于最小/最大宽度CSS3媒体查询的快速轻量级polyfill。
如果你仍然需要这个特性，你可以在这里找到代码：jquery.mobile.media.classes.js
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/8761484
复制相关文章
相似问题
腾讯云开发者
