Javascript twitter是否有回调选项'；s"；“跟随”按钮；小装置_Javascript_Twitter

Javascript twitter是否有回调选项'；s"；“跟随”按钮；小装置

javascript twitter

Javascript twitter是否有回调选项'；s"；“跟随”按钮；小装置,javascript,twitter,Javascript,Twitter,我正在使用在我的twitter web应用程序上创建twitter关注按钮。实现起来非常简单： <span id="follow-twitterapi"></span> <script type="text/javascript"> twttr.anywhere(function (T) { T('#follow-twitterapi').followButton("twitterapi"); }); </script> t

我正在使用在我的twitter web应用程序上创建twitter关注按钮。实现起来非常简单：

<span id="follow-twitterapi"></span>
<script type="text/javascript">

  twttr.anywhere(function (T) {
    T('#follow-twitterapi').followButton("twitterapi");
  });

</script>


twttr.任意位置（功能（T）{
T（'followTwitterAPI'）。followButton（“twitterapi”）；
});

当您将该代码放入html文档时，您会在iframe的span元素中得到以下按钮：

单击“跟踪”后，您会看到以下消息（或类似的消息，表示您正在跟踪@someone）：

但是，使用此按钮后，我无法将任何信息返回到我的应用程序（因为这是在iframe中呈现的，并且由于javascript的同源策略，我无法访问该iframe的内容），此小部件是否提供了任何方法，以便在用户开始跟踪使用此按钮的人时通知我的应用程序

谢谢。

您可以尝试使用JSONP来克服跨域限制

您可以设置一个变量来检查最后一次计数，看看它是否增加了（当然，这可能是由于没有使用您的应用程序的人增加了数据，但不确定您是否需要这样做），而不是像下面那样发出警报（这只显示了如何获取可能相关的数据——追随者ID列表或追随者总数）

或者只需检查跟随者数量：

$.getJSON('http://api.twitter.com/1/users/show.json?screen_name=brettz9&callback=?',
    function (obj) {
        alert(obj.followers_count);
    }
);

不使用原始脚本，只需将follow图像直接包含在链接中，并设置onclick事件，如果单击该事件，将交换图像并开始使用

setInterval

轮询，以检查跟随者计数是否更改。或者，如果您想使用小部件来利用其用户感知能力，您可以通过任何方式进行投票。

您可以。这是我的密码：

<a href="https://twitter.com/gafitescu" class="twitter-follow-button">Follow @gafitescu</a>    
 <script src="//platform.twitter.com/widgets.js" type="text/javascript"></script>
<script type="text/javascript">
    twttr.events.bind('follow', function(event) {
        console.log(event);
        var followed_user_id = event.data.user_id;
        var followed_screen_name = event.data.screen_name;
    });
</script>


twttr.events.bind（'follow'，函数（事件）{
console.log（事件）；
var\u user\u id=event.data.user\u id；
var后跟屏幕名称=event.data.screen\u name；
});

您可以使用以下代码。你会得到

跟着

单击“跟踪”按钮后发出警报

<html>
<a href=http://twitter.com/directdialogs class="twitter-follow-button"
data-show-count="true">Follow@directdialogs</a>
<script type="text/javascript" charset="utf-8">
  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="//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>
<script>
twttr.ready(function (twttr) {
  twttr.events.bind('follow',   function(e) {
     alert("FOLLOW!")
  });
});
</script>
</html>


window.twttr=（函数（d，s，id）{
var t，js，fjs=d.getElementsByTagName[0]；
if（d.getElementById（id））返回；js=d.createElement；js.id=id；
js.src=“//platform.twitter.com/widgets.js”；fjs.parentNode.insertBefore（js，fjs）；
return window.twttr | |（t={ue:[]，ready:function（f）{t.e.push（f）}）；
}（文件，“脚本”、“推特wjs”）；
twttr.就绪（功能（twttr）{
twttr.events.bind（'follow'，函数（e）{
警报（“跟随！”）
});
});

是的，我假设twttr.anywhere库中有这样的机制，这是一个解决方法，它显然是以这种方式存在的。我不明白为什么要用它来代替回调。也许在编写此答案时，回调不可用？

<html>
<a href=http://twitter.com/directdialogs class="twitter-follow-button"
data-show-count="true">Follow@directdialogs</a>
<script type="text/javascript" charset="utf-8">
  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="//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>
<script>
twttr.ready(function (twttr) {
  twttr.events.bind('follow',   function(e) {
     alert("FOLLOW!")
  });
});
</script>
</html>