隐藏iOS / Android的元素基于userAgent

时间:2013-08-04 17:36:16

标签: jquery

如果用户在iOS设备上,我正试图在我的Wordpress上隐藏一些元素。同样,如果用户在Android上,我正试图隐藏其他一些元素。我发现这似乎适用于iPhone用户,但不适用于iPad。有什么想法吗?

先谢谢...我的代码块在下面......

<script type="text/javascript">
jQuery(document).ready(function ($){
if (navigator.userAgent.match(/(iPod|iPhone|iPad)/i)) {
    $('.download').hide();
    $('.rss').hide();
}
if (navigator.userAgent.match(/(Android)){
    $('.itunes').hide();
}
});
</script>

1 个答案:

答案 0 :(得分:4)

嗯,这很令人尴尬。我想我应该多注意括号,对吧?漫长的编码日...哦,好吧。

解决方案(感谢上面的Janith):

<script type="text/javascript">
jQuery(document).ready(function ($){
if (navigator.userAgent.match(/(iPod|iPhone|iPad)/i)) {
    $('.download').hide();
    $('.rss').hide();
};
if (navigator.userAgent.match(/Android/i)){
    $('.itunes').hide();
};
});
</script>