Tweet 按钮看起来像一个没有任何 JS 或 CSS 的普通 <a> 链接答案

【问题标题】：Tweet button looks like a normal <a> link without any JS or CSSTweet 按钮看起来像一个没有任何 JS 或 CSS 的普通 <a> 链接
【发布时间】：2013-06-28 18:09:54
【问题描述】：

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

<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

有什么解决办法吗？谢谢:)

【问题讨论】：

您的$('.someclasses').append 行中的... 是不是故意对这个问题帖子或您的代码唯一？
可能重复stackoverflow.com/questions/6981905/…
@PaulS。不，我试图代表“直到代码结束”，因为它有点长。

标签： javascript jquery button twitter

【解决方案1】：

您需要重新应用 twitter 脚本。追加新元素后，试试这个 sn-p：

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

【讨论】：

它向我显示了这一行 var tweet_button = new twttr.TweetButton(this); 的错误...错误显示 Uncaught TypeError: undefined is not a function 使用 google chrome 开发人员工具包

【解决方案2】：

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

twttr.widgets.load();

【讨论】：

【解决方案3】：

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

【讨论】：