0

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

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

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

我怎样才能做到这一点？

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>

谢谢，理查德

4

1 回答 1

1

可用的选项很少。

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

  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

  2. 或者使用这个脚本来检测浏览器类型，然后使用这个 js 加载器来决定应该使用哪个 js 文件。

    例子：

    yepnope({
    test : Modernizr.geolocation,
    yep  : 'normal.js',
    nope : ['polyfill.js', 'wrapper.js']
});

    还有一件事 yephope.js 与 jQuery 不兼容，因此您需要做一些修复。

我的建议，坚持选项 1。

于 2013-01-04T20:51:46.233 回答