javascript - Tweet 按钮看起来像一个 没有任何 JS 或 CSS 的普通链接

Question

我正在尝试在我的网站中嵌入 Tweet 按钮，我已经添加了

<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

有什么解决办法吗？谢谢：）

score 1 · Accepted Answer

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

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

score 0 · Accepted Answer

0

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

twttr.widgets.load();

于 2013-07-01T15:52:21.203 回答

score 0 · Accepted Answer

我在 Chrome 中有 Disconnect 扩展。在挣扎了几个小时后，我艰难地弄清楚了这一点。删除后，它工作正常。甚至不需要关闭 Chrome 窗口。

javascript - Tweet 按钮看起来像一个没有任何 JS 或 CSS 的普通链接

3 回答 3

Related

Reference