分享Tweet按鈕的iFrame

我使用此代碼鳴叫按鈕添加到我的網站：分享Tweet按鈕的iFrame

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

按鈕工作正常，但問題是它的身體開始標籤之後增加了兩個I幀到我的網站的源代碼。這些iframe具有10px的寬度屬性，這導致我的網站更寬並且具有滾動條。

我該如何解決這個問題？

來源

2012-08-06 Shani1351

我會想象絕對定位這些iframe會做的伎倆。由克里斯托弗的回答的ID去，你可以試試這個：

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

你可能想盡量把他們放在右下角（或其他地方），如果你發現他們得到的東西的方式。

來源

2012-08-06 13:41:43

我加上克里斯托弗的答案，藏I幀與CSS： #twttrHubFrameSecure， #twttrHubFrame {display：none; } – Shani1351 2012-08-06 15:35:44

你嘗試

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

???

來源

2012-08-06 13:30:48 SomeShinyObject

嘗試：

<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-06 15:13:39 Ma9ic

是不是我沒有使用document.write（）的同一個代碼？我使用document.write（）來保持HTML有效 – Shani1351 2012-08-06 15:38:12

上面的代碼是有效的HTML 5.「data- *」屬性是HTML 5的新特性。您也可以在HTML 5中編寫'

11. 使用分享Tweet按鈕 - 鏈接不會出現在所有

12. Facebook的分享和Tweet

13. Tweet按鈕和infoWindow

14. 分享按鈕

15. 分享Tweet肩與jQuery JSON

16. 分享Tweet與Twitter寶石

17. reRendering Tweet JSF上的按鈕

18. Facebook的Like按鈕的分享按鈕

19. 已過時FB「分享」按鈕即可分享FB頁w/iframe中的內容

20. Facebook分享按鈕

21. Facebook分享按鈕

22. iPhone分享按鈕

23. facebook分享按鈕

24. Facebook分享按鈕

25. Twitter分享按鈕

26. Facebook分享按鈕

27. Blogger：使用iframe的每個帖子的Facebook分享按鈕

28. 其中既包括分享Tweet按鈕和窗口小部件檔案的

29. 分享按鈕分享所選圖像

30. Twitter分享按鈕動態URL分享

分享Tweet按鈕的iFrame

回答

相關問題