Facebook:使用应用程序显示朋友的面孔

时间:2012-11-08 09:46:41

标签: javascript jquery facebook facebook-graph-api

我正在尝试整合Facebook登录插件,该插件显示使用相同应用程序的朋友的个人资料照片。为此,我尝试了以下代码,

 <html>
   <head>
    <title>My Facebook Login Page</title>
   </head>
   <body>
    <div id="fb-root"></div>
    <script>
      window.fbAsyncInit = function() {
        FB.init({
          appId      : '***', // App ID
          channelUrl : 'http://www.***.in/', // Channel File
          status     : true, // check login status
          cookie     : true, // enable cookies to allow the server to access the session
          xfbml      : true  // parse XFBML
       });     
      };
      // 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 = "js/all.js";
         ref.parentNode.insertBefore(js, ref);
       }(document));
     </script>
    <div class="fb-login-button" data-show-faces="true" data-width="500" data-max-rows="1"></div> </div>
   </body>
</html>

此代码工作正常。在登录时,它显示正在使用相同应用程序的朋友的个人资料照片。在点击每个照片(朋友的个人资料图片)时,它分别导航到他们的Facebook页面。但我的要求是,在点击照片时,它应该重定向到不同的网址。有可能吗?

请帮帮我,

谢谢。

1 个答案:

答案 0 :(得分:1)

  

点击每个照片(朋友的个人资料图片),分别导航到他们的Facebook页面。但我的要求是,在点击照片时,它应该重定向到不同的网址。有可能吗?

不,不是。

与大多数其他社交插件一样,“登录”按钮会在从facebook.com加载的iframe中呈现,而同源策略会阻止您通过JavaScript与来自其他域的内容进行交互。