显示/隐藏下载按钮，具体取决于用户是否在ios上

Question

我有这个，看看用户是否在ios上

if (navigator.userAgent.match(/Mac OS X/i)) {

        }

但我怎么能隐藏这个

<div style="text-align: center;"><a href="http://db.tt/b6ecH2Dh" id="down"><img src="img/download.gif"/></div>

如果不在ios设备上？

Answer 1

定义DIV标记的ID：

<div id="someid" style="text-align: center;"><a href="http://db.tt/b6ecH2Dh" id="down"><img src="img/download.gif"/></div>

和JS：

document.getElementById("someid").style.visibility = "hidden";

（编辑，作为ponited）

Answer 2

我不知道这背后的逻辑，但希望这对你有用jquery：

$('div').parent('#down').css({'display':'none'});

希望这会有效..

Answer 3

将css属性display设置为none

document.getElementById("someid").style.display = "none"

它比visibility属性效果更好，因为它会完全从渲染中删除元素，而visibility只是使其透明，但元素仍会占用页面上的空间

如果你使用jquery，它甚至更简单：

$('#someid').hide()
// or
$('#someid').css({'display': 'none'})

再加上jquery你可以将它包装在onload hook中非常容易：

$(document).ready(function(){
  if(!/ios check here/) {
    $('#someid').hide()
  }
})

Answer 4

或者使用它：

http://detectmobilebrowsers.mobi/

使用此功能，您可以将标准类添加到标记中，并将其用于其他porpuses。

Answer 5

如果你想完全隐藏它，试试这个：

<?php if(!preg_match("/(Mac OS X)/i",$_SERVER['HTTP_USER_AGENT'])){ ?>
        <div>Content to hide from Mac OS X users</div>
<?php } ?>