0

我试图简单地隐藏/显示一个元素，具体取决于您使用的是 mac、windows、iphone、ipad 等。

我有 2 个 p 元素： p1 - 我想在 windows 上显示 p2 - 我想在其他所有东西上显示（mac/iphone/ipad 等）

我在这里找到了一个明显检测操作系统的脚本：http: //www.stoimen.com/blog/2009/07/16/jquery-browser-and-os-detection-plugin/

所以我在链接到 jquery 之后链接到脚本，再加上页面头：

if ($.client.os == 'Mac') {
    $('#download').hide(); $('#register').show();
}

if ($.client.os == 'iPhone') {
    $('#download').hide(); $('#register').show();
}

if ($.client.os == 'Windows') {
    $('#download').show(); $('#register').hide();
}

我无法让它工作，有什么想法吗？

4

1 回答 1

0

该线程对您的问题有一些解决方案。鉴于您指定的属性，您需要做的就是：

if (navigator.appVersion.indexOf("Win")!=-1) {
    $('#register').hide();
    $('#download').show();
}

您不需要显式显示元素，因为客户端不会更改操作系统。只需将基本可见性设置为“默认”配置（放入CSS），#download并在必要时覆盖它们。#register#download { display: none; }.hide().show()

如果您需要更高级的操作系统检测，您可以通过替换"Win"为适当的操作系统标签来添加其他规则。

编辑固定 jsFiddle：http: //jsfiddle.net/2G4pz/5/

于 2013-04-01T19:40:54.393 回答