-2

我正在尝试在我的网站上使用ShareThis(一种共享工具)。

我有一个外部 JavaScript 文件,它将使用 innerHTML 导入所有 html 代码。

所以代码基本上是这样运行的:

document.getElementById("social_media").innerHTML = "<span class='st_facebook_large' displayText='Facebook'></span>";

并且 Header 包含运行此 span 标签所需的所有文件

<script type="text/javascript">var switchTo5x=true;</script>
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">stLight.options({publisher: "de187292-9a6b-41ad-b7c6-a041b541f753", doNotHash: false, doNotCopy: false, hashAddressBar: false});</script>

理想情况下,<span class='st_facebook_large'将转换为 facebook 分享按钮,但我无法让标签正常工作。

请帮忙,非常感谢。

4

2 回答 2

1

对我来说很好。

请确保

document.getElementById("social_media").innerHTML = "<span class='st_facebook_large' displayText='Facebook'></span>";

在创建具有 id 的元素之后social_mediashareThis-Script 运行之前调用。

它必须看起来像这样:

<div id="social_media"></div>
<script type="text/javascript">var switchTo5x=true;</script>
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">stLight.options({publisher: "de187292-9a6b-41ad-b7c6-a041b541f753", doNotHash: false, doNotCopy: false, hashAddressBar: false});</script>
<script type="text/javascript">
    document.getElementById("social_media").innerHTML = "<span class='st_facebook_large' displayText='Facebook'></span>";
</script>

如何打破我的例子:如果你把 div 放在页面的底部,它就不起作用。;-)

于 2013-02-13T19:33:41.823 回答
0
<body>      
<div id="social_media" ></div>
</body>
<script type="text/javascript">
        document.getElementById("social_media").innerHTML = "<span class='st_facebook_large' displayText='Facebook'></span>";       
</script>

Just make sure you write the innerHTML after the element

于 2013-02-13T19:37:33.493 回答