0

在此处输入图像描述

Facebook 按钮在启动时无法在 IE8 上运行,它就像屏幕截图中一样,45 秒后它会自动消失并出现错误

fb:login_button 未能在 45 秒内调整大小

打开页面时出现的另外 2 个错误是:

  1. FB.init 已被调用 - 这可能表明存在问题。
  2. “fb-root” div 尚未创建,自动创建。

即使刷新页面按钮后也不来。删除浏览器历史记录按钮再次显示,如附加图像和点击后,再次输入 Facebook 登录凭据后,它会消失并且无法正常工作。

以下是javascript代码。

function initialize_fb(p_config) {  
    config = p_config;
    window.fbAsyncInit = function () {
        FB.init({
            appId: config.appId,
            channelUrl: config.channelURL,
            status: true,
            cookie: true,
            xfbml: true
        });
    };
    (function (d, debug, config) {
        //console.log(config);
        var js, id = "facebook-jssdk",
            ref = d.getElementsByTagName("script")[0];
        if (d.getElementById(id)) {
            return;
        }
        js = d.createElement("script");
        js.id = id;
        js.async = true;
        js.src = "//connect.facebook.net/en_US/all" + (debug ? "/debug" : "") + ".js#xfbml.js=1&appId=" + config.appId;
        ref.parentNode.insertBefore(js, ref);
    }(document, false, config));
}
function fshowuser(p_image, p_name, p_url, p_function, p_uid) {         
    var inner_htm;  
    showUserFunction = p_function;
    if (p_name == "") {
        isModify = false;
        inner_htm = "<fb:login-button show-faces='false' width='100' max-rows='1' onlogin='{2}' id='buttonFBConnect'>{3}</fb:login-button>";
    } else {
        isModify = true;
        if(! isRemoveRequired) {
            inner_htm = "<table><tr><td rowspan='2'><img src='{0}' alt='{1}' id='fbModify'></td><td id='fbFrndName'>{1}</td></tr><tr><td><fb:login-button show-faces='false' width='100' max-rows='1' onlogin='{2}'>{4}</fb:login-button></td></tr></table>";           
        }else{
            inner_htm = "<table><tr><td rowspan='2'><img src='{0}' alt='{1}' id='fbModify'></td><td id='fbFrndName'>{1}</td></tr></table>";         
        }
        if (p_uid != undefined && p_uid != null && p_uid != "") {
                inner_htm += "<input type='hidden' name='fb_uid' id='fb_uid' value='" + p_uid + "'>";
        }
        inner_htm += "<input type='hidden' name='fb_access_token' id='fb_access_token' value='" + accessToken + "'>";       

    }   
    $("#" + config.divId).html(inner_htm.format(p_image, p_name, p_function, config.connectText, config.modifyText, config.delinkText));    
    FB.XFBML.parse(document.getElementById(config.divId));
}

以下是html标签

  <html xmlns:fb="http://www.facebook.com/2008/fbml"      xmlns:og="http://opengraphprotocol.org/schema/" >

似乎按钮没有正确呈现以下是按钮消失后的html代码,但未完成:

<iframe name="f17348a353fff43" width="100" height="1000" title="fb:login_button Facebook Social Plugin" src="https://www.facebook.com/plugins/login_button.php?login_text=Connect&show_faces=false&max_rows=1&width=100&app_id=645653312120915&locale=en_US&sdk=joey&channel=https%3A%2F%2Fs-static.ak.facebook.com%2Fconnect%2Fxd_arbiter.php%3Fversion%3D25%23cb%3Df257016bf55bb8c%26origin%3Dhttps%253A%252F%252Flocalhost%253A7003%252Ffda8d5ab9fe0b6%26domain%3Dlocalhost%26relation%3Dparent.parent" frameBorder="0" scrolling="no" style="border-bottom: medium none; border-left: medium none; visibility: visible; border-top: medium none; border-right: medium none;" allowTransparency="allowtransparency">

我试过谷歌分配,但没有任何效果。代码在 Google chrome 和 Firefox 浏览器中运行良好。所以有人知道解决方案吗?

4

4 回答 4

0

我遇到了同样的问题。我有冲突的 CSS 选择器。

我不得不改变:

class="menu-icon"

class="mysite-menu-icon"

我建议检查你所有的classid属性并测试你看到的任何常用名称。请注意,您需要测试 HTML 属性而不是 CSS 选择器。

于 2014-02-06T04:59:58.807 回答
0

如果 Chrome 中发生这种情况,请禁用所有扩展程序,即使是那些不可能出现问题的扩展程序。重新加载页面,看看是否解决了它。

于 2014-05-18T19:26:07.367 回答
0

我也有同样的问题,

fb:like_box 未能在 45 秒内调整大小

我已经临时解决了这个问题

请添加此 CSS,

.fb-like-box iframe{width:250px !important;height:200px !important;}

我希望这将有所帮助。

于 2014-03-06T11:36:05.110 回答
0

Facebook 开发者论坛的 Matt Bower 给出了这个临时解决方案:

#fb_login_button { 
    width: 80px; 
}
#fb_login_button span, 
#fb_login_button iframe {.
    width: 80px! important;
    height: 25px! important;
}

Facebook 开发人员正在努力修复此错误。

于 2013-08-02T13:05:10.183 回答