显示/隐藏下载按钮取决于用户是否在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/这样你就可以为标签添加特殊的类,并将其用于其他用途。
相关文章:
- 是否可以使用iframe API在iOS浏览器上播放youtube视频
- 是否将PDF文件保存在其他应用程序可以访问的PhoneGap应用程序中?(iOS)
- Javascript:是否可以只针对一个版本的iOs
- 在iOS应用程序中动态加载“代码逻辑”是否可行
- 是否有适用于iOS和Android浏览器的性能指南
- 苹果是否允许在iOS上使用V8驱动的Javascript应用程序?
- 是否可以通过html5播放本地ios库中的音频
- 安卓或iOS键盘是否有HTML5界面
- 是否有适用于Windows 8 [桌面]应用程序的iOS钥匙串
- 检测iOS设备上是否安装了应用程序并显示适当的消息
- 是否有可能在IOS上控制HTML5音频音量
- 是否可以在iOS 7 Safari中隐藏地址栏
- 是否可以在Android和iOS设备中进行功能检测点击呼叫
- 是否可以通过iOS应用程序访问rails数据库
- ios:如何检测自定义url方案链接是否失败
- 检测iOS是否正在使用网络应用程序
- 检测设备是否为 iOS
- iOS 8上的自定义JavaScript滚动-是否可能
- 在调试iOS webviews时,Weinre是否可以设置javascript断点?
- 是否有可能在iOS上远程调试Chrome