この質問に似ています: FB.api はページへの最初の AJAX 呼び出しでのみロードされます
私のサイトの構造上、ページは AJAX 経由で読み込まれます。関数を含むページが 2 回目に読み込まれたときを除いて、すべてwindow.fbAsyncInit
正常に動作し、動作しません。コンソールにエラーは表示されません。表示されるのはauth-loggedout
、Facebook ログイン ボタンが含まれる div コンテンツだけですが、クリックしても応答しません。
前のページの読み込みで API を使用して自分のウォールに投稿したので、ログインしていることは確かです。
すべてのページの読み込みで機能するように初期化を変更する方法はありますか?
// Init the SDK upon load
window.fbAsyncInit = function() {
FB.init({
appId : '<?php echo $appID; ?>', // App ID
channelUrl : '//domain.co.uk/myoe/channel.html', // Path to your Channel File
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
// listen for and handle auth.statusChange events
FB.Event.subscribe('auth.statusChange', function(response) {
// lots of code
};
// Load the SDK Asynchronously
(function(d){
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 = "https://connect.facebook.net/en_US/all.js";
ref.parentNode.insertBefore(js, ref);
}(document));