Question

我正在尝试在我的网站中嵌入推文按钮，我已添加

<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>

在<head>内，widgets.js正常包含在内，当我把

一切都看起来很好

<a href="https://twitter.com/share" class="twitter-share-button" data-size="large" data-count="none">Tweet</a>

但问题是，当我使用

时

$('.someclasses').append('<a href="https://twitter.com/share" class="twitter-share-butto ...</a>');

按钮将被追加，但这次它看起来不太好，但看起来像没有任何CSS或JS效果的普通链接，以及链接引导我https://twitter.com/share

任何解决方案？谢谢:)）

Answer 1

您需要重新应用Twitter脚本。添加新元素后，请尝试以下代码段：

$('.someclasses > a.twitter-share-button').each(function() {
    var tweet_button = new twttr.TweetButton(this);
    tweet_button.render();
});

Answer 2

谢谢大家，解决方法是将此代码放在附加的<a>元素下：

twttr.widgets.load();

Answer 3

我在Chrome中使用了Disconnect扩展程序。经过几个小时的挣扎，我认真思考了这个问题。删除后，它工作正常。甚至不需要关闭Chrome窗口。

推文按钮看起来像普通<a> link without any JS or CSS</a>

3 个答案: