fb：login_button在45秒內無法調整大小

Question

在此處輸入圖片說明

IE8啟動時，Facebook按鈕在IE8上不起作用，如屏幕截圖所示，並在45秒后自動消失並出現錯誤

fb：login_button在45秒內無法調整大小

打開頁面時出現的另外2個錯誤是：

FB.init已被調用-這可能表示問題。
尚未創建“ 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分配，但沒有任何效果。 代碼在Google chrome和Firefox瀏覽器中正常運行。 所以有人知道解決方案嗎？

Answer 1

來自Facebook開發者論壇的Matt Bower提供了此臨時解決方案：

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

Facebook開發人員正在努力修復此錯誤。

Answer 2

我遇到了同樣的問題。 我有沖突的CSS選擇器。

我不得不改變：

class="menu-icon"

至

class="mysite-menu-icon"

我建議您遍歷所有的class和id屬性，並測試您看到的所有常用名稱。 請注意，您需要測試HTML屬性而不是CSS選擇器。

Answer 3

我也有同樣的問題，

fb：like_box無法在45秒內調整大小

我已臨時修復此問題

請添加此CSS，

.fb-like-box iframe {width：250px！important; height：200px！important;}

我希望這將有所幫助。

Answer 4

如果是在Chrome中發生這種情況，請禁用所有擴展程序，即使那些可能不是問題的擴展程序也是如此。 重新加載頁面，看看是否可以解決它。

fb：login_button在45秒內無法調整大小

問題描述

4 個解決方案

解決方案1
0 2013-08-02 13:05:10

解決方案2
0 2014-02-06 04:59:58

解決方案3
0 2014-03-06 11:36:05

解決方案4
0

fb：login_button在45秒內無法調整大小

問題描述

4 個解決方案

解決方案1 0 2013-08-02 13:05:10

解決方案2 0 2014-02-06 04:59:58

解決方案3 0 2014-03-06 11:36:05

解決方案4 0

解決方案1
0 2013-08-02 13:05:10

解決方案2
0 2014-02-06 04:59:58

解決方案3
0 2014-03-06 11:36:05

解決方案4
0