起動時に 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 ブラウザーで正常に動作します。誰でも解決策を知っていますか？