Jquery mobile jQuery移动和HTML5样板

Jquery mobile jQuery移动和HTML5样板,jquery-mobile,html5boilerplate,Jquery Mobile,Html5boilerplate,有人知道一种方法可以让jquerymobile仅在具有特定屏幕分辨率的页面上加载吗?如果有人从台式机/笔记本电脑浏览器查看页面,我不希望jQuery Mobile加载,因为我想使用HTML5样板 例如,如果有人从他们的iPhone访问我的页面,我希望jQuery Mobile使用我创建的主题格式化网站,但如果他们从桌面查看,我不希望jQuery Mobile添加所有额外的标记和内容 谢谢 这段脚本将识别屏幕大小,在本例中为699 px,然后将告诉服务器加载不同于根目录的文件夹。只需在服务器上为

有人知道一种方法可以让jquerymobile仅在具有特定屏幕分辨率的页面上加载吗?如果有人从台式机/笔记本电脑浏览器查看页面,我不希望jQuery Mobile加载,因为我想使用HTML5样板

例如,如果有人从他们的iPhone访问我的页面,我希望jQuery Mobile使用我创建的主题格式化网站,但如果他们从桌面查看,我不希望jQuery Mobile添加所有额外的标记和内容

谢谢


这段脚本将识别屏幕大小,在本例中为699 px,然后将告诉服务器加载不同于根目录的文件夹。只需在服务器上为jquery mobile站点创建一个名为mobile的文件夹,就可以了。干杯


这段脚本将识别屏幕大小,在本例中为699 px,然后将告诉服务器加载不同于根目录的文件夹。只需在服务器上为jquery mobile站点创建一个名为mobile的文件夹,就可以了。干杯

jQM文档:

注意:此功能在beta版中被弃用,并在1.0rc1中删除。我们 建议改用CSS3媒体查询。支持旧版本 Internet Explorer的check out,一款快速、轻量级的 polyfill用于最小/最大宽度CSS3介质查询

如果您仍然需要此功能,可以在此处找到代码:

jQM文档:

注意:此功能在beta版中被弃用,并在1.0rc1中删除。我们 建议改用CSS3媒体查询。支持旧版本 Internet Explorer的check out,一款快速、轻量级的 polyfill用于最小/最大宽度CSS3介质查询

如果您仍然需要此功能,可以在此处找到代码:




谢谢,大卫,但这不意味着我必须管理两个独立的站点:1)移动站点,2)标准站点吗?我只想管理一个站点,但当浏览器宽度为480px或以下时,它会加载jQuery Mobile,否则我不想加载它。@user965879很抱歉是新站点,不知道如何发布。我误解了你想做的事。我在下面添加了另一个答案,该答案将根据相同的if语句在标题中添加一个脚本标记。谢谢,David,但这不意味着我必须管理两个单独的站点:1)移动站点,2)标准站点?我只想管理一个站点,但当浏览器宽度为480px或以下时,它会加载jQuery Mobile,否则我不想加载它。@user965879很抱歉是新站点,不知道如何发布。我误解了你想做的事。我在下面添加了另一个答案,它将根据相同的if语句在标题中添加一个脚本标记。谢谢你,David。这正是我要找的!谢谢你,大卫。这正是我要找的!
<script type="text/javascript">
    <!--
    if (screen.width <= 699) {
    document.location = "mobile/index.html";
    }
    //-->
</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>