ajax - AJAX 驱动页面中的 Facebook “Like” 按钮 - Firefox 错误

Question

我有一个使用 ajax 加载的类似 Facebook 的按钮。该按钮有效，但奇怪的是在 Firefox 中它没有出现。

<fb:like href="@Model.Url" show_faces="true" height="30" width="400" ></fb:like>

在 Firefox 中，生成的 html 带有高度 = 0px。为什么？

<span style="height: 0px; width: 400px;">
<iframe id="f2b3cbcbf388e" class="fb_ltr " scrolling="no" name="f3cdf7e205a545e" style="border: medium none; overflow: hidden; height: 0px; width: 400px;" ....

这不会发生在 Chrome 上。

与facebook相关我只有在close body标签前有这个

<script>    (function (d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s); js.id = id;
        js.src = "//connect.facebook.net/pt_PT/all.js#xfbml=1&appId=00000";
        fjs.parentNode.insertBefore(js, fjs);
    } (document, 'script', 'facebook-jssdk'));</script>

Answer 1

我仍在调查原因，但就我而言，我认为这是因为在 XFBML 解析时 Conceal 了包含的 div。仍在寻找更好的解决方案，但这可以通过手动清除添加的高度 css 来解决，如下所示:

FB.XFBML.parse(document, function(){
    $('.fb_button_container iframe').css('height','');
    $('.fb_button_container .fb-like > span').css('height','');
}); 

这使用了 jquery...如果您愿意，您可以很容易地不使用它。同样在这种情况下，我在类为“fb_button_container”的容器内添加了点赞按钮——这不是自动生成的东西。