如何隱藏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小部件

回答

相關問題