推特按钮看起来像一个正常的<a>链接没有任何JS或CSS

Tweet button looks like a normal <a> link without any JS or CSS

本文关键字：lt gt 链接 CSS JS 任何 看起来 按钮 一个      更新时间：2023-09-26

我正在尝试将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

有什么解决方案吗？感谢：）

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

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

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

twttr.widgets.load();

我在Chrome中有Disconnect扩展。经过几个小时的努力，我终于明白了这一点。去掉它后，它工作得很好。甚至不需要关闭Chrome窗口。

相关文章：