2014-06-20 58 views
0

我需要使用隱藏的Twitter卡上的後續按鈕:隱藏關注Twitter的按鈕卡大段引用

<blockquote width="581" height="250" class="twitter-tweet"><p></p><a href="https://twitter.com/twitterapi/status/'+tt[i][1]+'" data-datetime="2011-11-07T20:21:07+00:00"></a></blockquote></div> 

你怎麼隱藏在卡上後續的按鈕?

感謝

回答

0

Twitter的插件擴展到iframe,所以你將不得不等待,直到它完全加載。之後,您可以完全刪除按鈕或隱藏它。你將需要一個小小的JavaScript。問題是你必須等到它被加載。我不知道如何在鳴叫完全加載時捕捉到,因此我將每隔100毫秒檢查一次按鈕,直到它出現。你當然可以改變它以適應你的需求。

JS:

window.setTimeout(removeButton, 100); 

function removeButton() { 
    var iframe = document.querySelector('iframe.twitter-tweet'); 
    if(iframe == undefined) { 
     window.setTimeout(removeButton, 100); 
     return; 
    } 
    var button = iframe.contentDocument.querySelector('.follow-button.profile'); 
    if(button == undefined) { 
     window.setTimeout(removeButton, 100); 
     return; 
    } 

    //Hide 
    button.style.display = 'none'; 

    //Or remove 
    button.parentNode.removeChild(button); //Note: Not using button.remove() because of compatibility 
} 

這當然目前僅適用於一個單一的鳴叫。如果您想刪除多個Follow按鈕,則必須稍微修改此腳本。