如何隐藏sharethis小部件

我与sharethis部件在网站上工作时，我像移动手持设备打开该网站移动/手持设备，平板电脑的sharethis小部件隐藏内容，扰乱正常浏览该网站。所以，我试图以下方法来隐藏sharethis窗口小部件在手持设备上如何隐藏sharethis小部件

方法1：

var ua = navigator.userAgent.toLowerCase(); 
    var checker = { 
     iphone: (ua.indexOf('iphone') >= 0 || ua.indexOf('ipod') >= 0 ||ua.indexOf('ipad') >= 0) ? true : false, 
     blackberry: ua.indexOf("blackberry") >= 0 ? true : false, 
     android: ua.indexOf("android") >= 0 ? true : false, 
     chrome: ua.indexOf("chrome") >= 0 ? true : false, 
     nokia: (ua.indexOf("symbian") >= 0 || ua.indexOf('nokia') >= 0) ? true : false 
    }; 

    if (checker.android || checker.iphone || checker.blackberry || checker.nokia) { 
     $('#sthoverbuttons').hide(); 
    }

方法2：

if(/Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent)) { 
     $('#sthoverbuttons').hide(); 
    }

方法3：

if($(window).width() < 980) 
    { 
     $('#sthoverbuttons').hide();//this one works but i need to find devices and hide. 
    }

其中#sthoverbuttons是sharethis小部件的容器

，我也试图删除脚本sharethis脚本加载通过给ID网页的脚本标签的时候的，但也不能帮助我。

那么，如何隐藏sharethis小部件在手持设备

来源

2013-01-11 krish

你可以用CSS3媒体查询做到这一点。手持设备通常被归类为< 600px的宽，所以加入这样的事情你的CSS文件应该解决您的问题：

@media screen and (max-width: 599px){ 
    #sthoverbuttons { display: none; } 
}

来源

2013-01-11 05:44:07

**确保将其添加到末尾你的css文件** –

你可以尝试CSS Browser Selector，一个小型的JavaScript，在你的<html>标签写了一堆班针对当前的浏览器和操作系统，这样的：

<html class="webkit chrome mac js">

意味着我在Mac上，使用Chrome（Webkit引擎），与JavaScript活跃。

一个在CSS浏览器选择可用的类实际上是mobile，所以你可以靶向max-width你的按钮不顾媒体查询是没有定论：

html.mobile #sthoverbuttons { display: none; }

来源

2013-01-11 13:47:02 Copons

如何隐藏sharethis小部件

回答

相关问题