使用 jQuery 将推文按钮加载到容器中答案

【问题标题】：Load Tweet Button with jQuery into Container使用 jQuery 将推文按钮加载到容器中
【发布时间】：2012-01-04 18:20:54
【问题描述】：

我在使用 Tweet 按钮时遇到问题。以下是 Twitter 提供的代码：

    <a href="https://twitter.com/share" class="twitter-share-button">Tweet</a>
    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

我正在将其加载到在我的页面上弹出的模式中。第一次加载时效果很好，但如果有人关闭模式并重新打开它，它就不会再加载按钮了。

【问题讨论】：

我认为如果您能提供有关如何创建模态“弹出窗口”的更多信息会有所帮助。

标签： javascript twitter

【解决方案1】：

您可以尝试将 Twitter 的 widgets.js 作为常规脚本添加到您的 <head> 中，然后在您呈现模态框后，您可以调用

twttr.widgets.load();

它应该刷新它找到的任何 twitter 按钮。

这意味着您不需要提供的 sn-p 中的块，您的推文按钮只是形式

<a href="https://twitter.com/share" class="twitter-share-button">Tweet</a>

【讨论】：