[英]Twitter Tweet button with iframe - How can I use the actual page title?
[英]Tweet button Iframe
我使用以下代碼在我的網站上添加了一條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>
該按鈕可以正常工作,但是問題是它在body start標記之后立即向我的網站源代碼添加了兩個iframe。 這些iframe具有10px的width屬性,這導致我的網站變寬並帶有滾動條。
我怎樣才能解決這個問題?
我可以想象絕對定位這些iframe就能解決問題。 按照克里斯托弗的答案中的ID,您可以嘗試以下操作:
#twttrHubFrameSecure,
#twttrHubFrame {
position: absolute;
top: 0;
left: 0;
}
如果發現它們妨礙了某些操作,則可能需要嘗試將它們置於右下角(或其他位置)。
你試過了嗎
$("#twttrHubFrameSecure").hide();
$("#twttrHubFrame").hide();
???
嘗試:
<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>
或在此處創建按鈕:
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.