关注时隐藏推特按钮

Question

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

我遇到因双击而取消关注我的人的问题:o

这是原始的 Twitter 按钮

<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>

Answer 1

Twitter 按钮会触发一个事件 (documentation)，您可以绑定到：

twttr.events.bind(
  'follow',
  function (event) {
    // hide the button here
  }
);

Answer 2

这里是一些检测事件的示例代码，这里是完整的文档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>

关注时隐藏推特按钮

Hide twitter button when followed

javascript

twitter