2013-12-08 85 views
3

在我的網站上,Facebook Like框在45秒後消失。我甚至在自己的html文檔中放入了Like框代碼,逐字從我從開發者網站得到的結果,但仍然是相同的結果,所以它看起來像Facebook問題,但我不確定。我曾嘗試使用IE 11,FF 23.0.1和最新的Chrome瀏覽器,但它們是相同的。Facebook Like框在45秒後消失

<div id="fb-root"></div> 
    <script>(function(d, s, id) { 
    var js, fjs = d.getElementsByTagName(s)[1]; 
    if (d.getElementById(id)) return; 
    js = d.createElement(s); js.id = id; 
    js.src = "http://connect.facebook.net/en_US/all.js#xfbml=1"; 
    fjs.parentNode.insertBefore(js, fjs); 
    }(document, 'script', 'facebook-jssdk'));</script> 

<div class="fb-like-box" data-href="https://www.facebook.com/Awesome.Animals" data-width="300" 
    data-height="375" data-colorscheme="light" data-show-faces="false" data- 
    header="false" data-stream="true" data-show-border="false"></div> 
+1

我使用了iframe選項而不是HTML5,而且效果很好! – user3079103

回答

-1

由於某些原因,Facebook JavaScript插入了45秒後生成的iframe的大小。檢查瀏覽器開發者控制檯。你看到一條警告信息嗎? fb:share_button failed to resize in 45s

作爲修復程序,使用CSS迫使iframe來在一定的高度和寬度,像這樣:

.fb-like-box iframe { 
    width: 110px !important; 
    height: 20px !important; 
} 
+0

這什麼都不做,即使它做了,FB的JavaScript仍然會覆蓋它。 – mae

0

這是因爲NoScript的的。如果你允許Facebook的所有域名都可以通過(facebook.com和facebook.net),那就沒問題了。