0

我使用此代码将 Tweet 按钮添加到我的网站：

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

该按钮工作正常，但问题是它在正文开始标记之后向我的网站源代码添加了两个 iframe。这些 iframe 具有 10px 的宽度属性，这导致我的网站更宽并有一个滚动条。

我怎样才能解决这个问题？

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