0

このコードを使用して、自分のWebサイトにツイートボタンを追加します。

<script type="text/javascript">
    // <![CDATA[
    document.write('<a href="https://twitter.com/share" class="twitter-share-button" data-lang="en" data-url="<?php echo $this->getUrl('') ?>">Tweet</a>');
    // ]]>
</script>
<script type="text/javascript">!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

ボタンは正常に機能しますが、問題は、body開始タグの直後に2つのIframeがWebサイトのソースコードに追加されることです。これらのIframeには10pxのwidthプロパティがあり、これによりWebサイトが広くなり、スクロールバーが表示されます。

どうすればこれを修正できますか？

4

3 に答える 3

2

これらのiframeを絶対に配置することでうまくいくと思います。クリストファーの回答にあるIDを見ると、次のことを試すことができます。

#twttrHubFrameSecure,
#twttrHubFrame {
    position: absolute;
    top: 0;
    left: 0;
}

何かの邪魔になっていることがわかった場合は、右下（または他の場所）に配置してみてください。

于 2012-08-06T13:41:43.703 に答える
1

試しましたか

$("#twttrHubFrameSecure").hide();
$("#twttrHubFrame").hide();

???

于 2012-08-06T13:30:48.327 に答える
0

試す ：

<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://yoururl.com" data-text="Add your tweet text">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>

または、ここでボタンを作成します。

http://twitter.com/about/resources/buttons#tweet

于 2012-08-06T15:13:39.127 に答える