-2

私のウェブサイトでShareThis (共有ツール)を使用しようとしています。

innerHTML を使用してすべての html コードをインポートする外部 JavaScript ファイルがあります。

したがって、コードは基本的に次のように実行されます。

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

ヘッダーには、この 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 を持つ要素が作成された、shareThis-Script が実行される前に呼び出されます。social_media

どういうわけか次のように見える必要があります。

<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>

要素の後に innerHTML を必ず記述してください

于 2013-02-13T19:37:33.493 に答える