当前位置：文江博客话题详情

jQuery Mobile 和 HTML5 样板

发布于 2024-12-25 20:04:47 字数 237 浏览 1 评论 0原文

有谁知道如何让 jQuery Mobile 仅在具有特定屏幕分辨率的页面上加载？如果有人从桌面/笔记本电脑浏览器查看页面，我不希望加载 jQuery Mobile，因为我想使用 HTML5 Boilerplate。

例如，如果有人从他们的 iPhone 访问我的页面，我希望 jQuery Mobile 使用我创建的主题格式化该网站，但如果他们从桌面查看它，我不希望 jQuery Mobile 添加所有额外的标签和东西。

谢谢

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

葵雨 2025-01-01 20:04:48

<script type="text/javascript">
    <!--
    if (screen.width <= 699) {
    document.location = "mobile/index.html";
    }
    //-->
</script>

这段脚本将识别屏幕尺寸（在本例中为 699 像素），然后告诉服务器加载与根目录不同的文件夹。只需在服务器上为您的 jquery 移动网站创建一个名为 mobile 的文件夹即可。干杯！

<script type="text/javascript">
    <!--
    if (screen.width <= 699) {
    document.location = "mobile/index.html";
    }
    //-->
</script>

This piece of script will recognize the screen size, in this case 699 px, and will then tell the server to load a different folder than the root. Just create a folder in on your server named mobile for your jquery mobile site and thats it. cheers!

回复收藏 0 原文

久夏青 2025-01-01 20:04:48

jQM 文档：

http://jquerymobile.com/test/docs/api/mediahelpers.html< /a>

注意：此功能在 Beta 版中已弃用，并在 1.0rc1 中删除。我们
建议改用 CSS3 媒体查询。支持旧版本
对于 Internet Explorer，请查看 respond.js，这是一个快速且易于使用的工具。轻的
用于最小/最大宽度 CSS3 媒体查询的 polyfill。
如果您仍然需要此功能，可以在此处找到代码：
jquery.mobile.media.classes.js

回复收藏 0 原文

浪荡不羁 2025-01-01 20:04:47

<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>

<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>

回复收藏 0 原文

~没有更多了~