是否有一种方法来初始化JS SDK为每个AJAX页面加载

Is there a way to initialise JS SDK For Every AJAX Page Load?

本文关键字:SDK AJAX 加载 JS 初始化 方法 一种 是否      更新时间:2023-09-26

类似这个问题:FB。api仅在对page

的第一次AJAX调用时加载

由于我的网站结构,页面是通过AJAX加载的。一切都很好,除了第二次加载window.fbAsyncInit函数的页面,它不起作用。控制台没有显示错误,所有显示的是我的auth-loggedoutdiv内容,里面有facebook登录按钮,但点击它是无响应的。

我知道我肯定是登录的,因为在前一个页面加载,我只是使用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));

好了,终于解决了:

if (typeof FB !== 'undefined') {
    // your code from  window.fbAsyncInit = function() {
    // but WITHOUT FB.init({...});
}

所以如果你把通用代码放在一个函数中,你就可以从两个函数中调用这个函数,这样你就不会重复了。

对于一个非常令人沮丧的问题,这是一个非常直接的答案。