Javascript twitter跟随按钮未显示
我正在尝试将twitter关注按钮集成到我的web应用程序中。我为twitter follow按钮创建了一个DOM元素,并将其附加到主体中,效果很好 我就是这样创建DOM元素的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
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);