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


show/hide a download button depending on if the user is on ios

我有这个来看看用户是否在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设备上?

为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";

我不知道这背后的逻辑,但希望这将为您工作与jquery:

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

set css property display to none

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

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

如果你使用的是jquery,那就更简单了:

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

+使用jquery,你可以把它包装在onload钩子中,非常简单:

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

如果你想完全隐藏它,试试这个:

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

或者用这个:

http://detectmobilebrowsers.mobi/

这样你就可以为标签添加特殊的类,并将其用于其他用途。