关注时隐藏推特按钮

Hide twitter button when followed

本文关键字：按钮 隐藏      更新时间：2023-09-26

简单的问题，当有人已经关注我时，我想隐藏Twitter关注按钮。

我对因为双击而取消关注我的人有问题：o

这是原始的推特按钮

<a class="twitter-follow-button"
href="https://twitter.com/mamariaford"
data-show-count="false"
data-lang="en">
Follow @twitterdev
</a>
<script type="text/javascript">
window.twttr = (function (d, s, id) {
var t, js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src= "https://platform.twitter.com/widgets.js";
fjs.parentNode.insertBefore(js, fjs);
return window.twttr || (t = { _e: [], ready: function (f) { t._e.push(f) } });
}(document, "script", "twitter-wjs"));
</script>
下面是

一些检测事件的示例代码，完整的文档在这里 https://dev.twitter.com/web/javascript/events

<script type="text/javascript">
    twttr.ready(function (twttr) {
        twttr.events.bind('tweet', function(event){
            // hide button
        });
        twttr.events.bind('follow', function(event){
            // hide button
        });
    });
</script>

Twitter 按钮会触发一个事件（文档），你可以绑定到：

twttr.events.bind(
  'follow',
  function (event) {
    // hide the button here
  }
);
相关文章：