Question

我需要知道如何做到这一点。

现在，当我不在手机（手持）设备上时，它正在将页面加载到同一页面中。因此，我需要一些条件进行测试，与媒体查询相同。例如：测试是否隐藏了某个元素，然后才调用插件

我不知道这是否比页面重定向更好，但我必须看到？

我该怎么做？

jquery mobile仅用于小屏幕使用（手持设备）。媒体查询的工作正常。我设置它的方式是它隐藏页面上的所有内容并仅显示移动部分。

@media screen and (max-width: 555px),
screen and (max-device-width: 480px)
{ 
#wrap,#footer,#masker{display:none;}
#p-mobi{ display:block;}
}

和

<div data-role="page" id="p-mobi">

</div>

谢谢，理查德

Answer 1

可用的选项很少。

根据您的需要，这个应该是最好的：

https://github.com/borismus/device.js

这完全是客户端检测，不需要自定义js脚本只需使用此自定义链接标记并将其与所需的设备大小匹配。

例如：

<link rel="alternate" href="http://foo.com" id="desktop" media="only screen and (touch-enabled: 0)">
<link rel="alternate" href="http://m.foo.com" id="phone" media="only screen and (max-device-width: 640px)">
<link rel="alternate" href="http://tablet.foo.com" id="tablet" media="only screen and (min-device-width: 641px)">

更多信息可以在这里找到：https://github.com/borismus/device.js

或使用this脚本检测浏览器类型，然后使用此js加载程序来决定应使用哪个js文件。

示例：
```
yepnope({
    test : Modernizr.geolocation,
    yep  : 'normal.js',
    nope : ['polyfill.js', 'wrapper.js']
});
```
还有一件事，yephope.js不是开箱即用的兼容jQuery所以你需要做一点fix。

我的建议，坚持选项1。

jquery mobile手动调用页面插件

1 个答案: