他の要素が存在しない場合や表示されていない場合、要素を非表示にする方法はありますか？

Question

私は自分のウェブサイト（addthis）で共有するソーシャルボタンをいくつか持っており、ボタンのすぐ上にテキストを追加しました。

一部の人々はadblockを使用し、ソーシャルボタンを隠す設定をしています。これらの人々はボタンを見ることはできませんが、「Share this！」というテキストが表示されます。

「共有する！」をどうすれば作成できますか？ソーシャルボタンが見えない人はテキストが消えますか？ボタンがユーザーのために存在するかどうかをチェックし、それに基づいて他の要素を表示/非表示する方法はありますか？ （表示をチェックする以外：none、それが要素を隠すためにadblockが使用するものでない限りは分かりません）

私は簡単なフィドルを作りました。私はちょうどFacebookのアイコンを表示するために、社会的なプラグインからコードの一部を引っ張った。

https://jsfiddle.net/bsuup9vf/6/

<div class="addthis_responsive_sharing"> <!-- This line initiates the plugin to generate the rest of the code --> 
    <div id="share-this"> <!-- I want to hide this div only if the plugin is blocked or if it's elements aren't visible on the screen for some other reason --> 
    <div class="share-text">Share this!</div> 
    <span class="share-arrow right-arrow" style="font-size:24px;">&#10553;</span> 
    </div> 
    <!-- This is the parent div for the actual social buttons--> 
    <div id="atrsb" class="at-resp-share-element addthis_32x32_style at-mobile addthis-smartlayers addthis-animated at4-show"> 
    <!-- Facebook - I pulled this from the live code just to display the FB icon --> 
    <span class="at-icon-wrapper" style="background-color: rgb(59, 89, 152);"> 
     <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32 32" title="Facebook" alt="Facebook" class="at-icon at-icon-facebook" style="fill: rgb(255, 255, 255);"> 
     <g> 
      <path d="M22 5.16c-.406-.054-1.806-.16-3.43-.16-3.4 0-5.733 1.825-5.733 5.17v2.882H9v3.913h3.837V27h4.604V16.965h3.823l.587-3.913h-4.41v-2.5c0-1.123.347-1.903 2.198-1.903H22V5.16z" fill-rule="evenodd"> 
      </path> 
     </g> 
     </svg> 
    </span> <!-- /.Facebook --> 

    </div> <!-- /.atrsb --> 
</div> <!-- /.addthis_responsive_sharing> 

申し訳ありませんが、このような同様の質問が以前に頼まれている場合。

皆様、ありがとうございました！

Answer 1

adblockerは、実際に彼らが存在する場合は、jQueryを使って確認することができ、そして、彼らはいけない場合、あなたが欲しい 要素を非表示にすることができ 、あなたのコードからそれらの項目を削除した場合:)

編集： を我々ので、既にそのadblockerは要素が完全にこのコードを試みることができるページから消えます知っている：あなたは共用要素がページ上に存在するかどうかをチェックし、何も見つからなかった場合は、株式のテキストを非表示にすることができます

var elements = $('#atrsb'); 
if (elements.length === 0) { 
    $('#share-this').hide(); 
} 

Answer 2

。これは、adblockが実際に要素を削除する場合に機能します。

var shareEle = document.getElementsByClassName('at-resp-share-element'); 

if(shareEle.length === 0){ 
    var shareText = document.getElementsByClassName('share-text'); 
    for(var i = 0; i < shareText.length; i++){ 
    shareText[i].style.display = 'none'; 
    } 
} 

Answer 3

あなたは要素を見つけるために、jQueryのを使用して、DOM要素も存在し、それがdisplay値の `None``に

var obj = $('.at-icon-wrapper); // Edit to the class or ID that will be hidden/not removed by adblocker 
if(obj.length <= 0 || obj.css('display') != "none") // It's not there! 
    $('#share-this').css('display', 'none')