Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/364.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript twitter跟随按钮未显示_Javascript_Twitter - Fatal编程技术网

Javascript twitter跟随按钮未显示

Javascript twitter跟随按钮未显示,javascript,twitter,Javascript,Twitter,我正在尝试将twitter关注按钮集成到我的web应用程序中。我为twitter follow按钮创建了一个DOM元素,并将其附加到主体中,效果很好 我就是这样创建DOM元素的 var script = document.createElement('script'); script.src = 'https://platform.twitter.com/widgets.js'; document.head.appendChild(script); var so

我正在尝试将twitter关注按钮集成到我的web应用程序中。我为twitter follow按钮创建了一个DOM元素,并将其附加到主体中,效果很好

我就是这样创建DOM元素的

    var script = document.createElement('script');
    script.src = 'https://platform.twitter.com/widgets.js';
    document.head.appendChild(script);

    var social_likes = document.createElement('div');
    social_likes.id = 'social_like';
    document.body.appendChild(social_likes);

    var twitter = document.createElement('a');
    twitter.setAttribute("href", "http://twitter.com/TwitterDev");
    twitter.setAttribute("class", "twitter-follow-button");
    twitter.setAttribute("data-size", "large");
    twitter.setAttribute("data-show-count", "false");
    twitter.setAttribute("data-show-screen-name", "false");
    document.getElementById("social_like").appendChild(twitter);
和twitter javascript SDK

  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"));
  twttr.ready(function(twttr) {
   twttr.events.bind('follow', function(e) {
    alert("FOLLOW!");
  });
 });
我在类似facebook的按钮上面临同样的问题,我正在使用
FB.xfml.parse(document.getElementById('FB-root')我解决了问题

我使用的是iframe标记,而不是它在div中显示的标记,比如

<iframe
 src="https://platform.twitter.com/widgets/follow_button.html?
 screen_name=TwitterDev&show_screen_name=false&show_count=false&size=l"
 title="Follow TwitterDev on Twitter"
 width="80"
 height="30"
 style="border: 0; overflow: hidden;"
 ></iframe>


但是我想在点击twitter follow按钮后进行回调。

通过阅读您的代码,似乎您试图使用一个不存在的id。div元素的id是“social_like”,而不是“social_plugin”

也许你可以试着换一行:

document.getElementById("social_plugin").appendChild(twitter);
致:


通过在浏览器上使用DevTools/JS控制台,可以更轻松地调试错误。它显示出任何错误吗?

很抱歉再次指出,但仍然有拼写错误。您分配给元素的id是“social_like”,而不是“social_like”。
document.getElementById("social_like").appendChild(twitter);