我有一个 div,我想通过 jQuery 将 twitter 分享按钮加载到其中。在页面加载时执行脚本时起作用。但在那之后,当我手动执行此操作时,脚本似乎没有加载。
原始按钮:
<a href="https://twitter.com/share" class="twitter-share-button" data-via="givestreamuk">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>
我尝试通过 jQuery 加载整个按钮(链接加脚本),但没有成功,我刚刚获得了链接。相反,我尝试将脚本注入到 DOM 中,如下所示:
这是我的 JS:
var twitter = '<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://customer-url" data-via="givestreamuk" data-hashtags="socialgiving">Tweet</a>';
jQuery('#twitter_share').html(twitter);
var jstext = '!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");';
var script = document.createElement("script");
script.type = "text/javascript";
script.text = jstext;
jQuery('#twitter_share').append(script);
我的 DIV 按钮被放置在:
<div id="twitter_share"></div>
这在页面加载时执行脚本时有效,但之后手动执行,只有链接出现在 div 中。
谁能建议我如何手动将此按钮加载到 DIV 中并执行脚本以便生成按钮?