0

我有一个页面，我在其中添加了一个自定义的 facebook 登录按钮，并在该单击事件中调用 FB.Login()。

它在除 IE9 和 IE8 之外的所有浏览器中都能正常工作，问题是当我第一次打开我的网站并单击登录按钮时没有弹出窗口出现。一旦我刷新我的页面并单击按钮，就会出现弹出窗口。

下面是我的代码：

<script type="text/javascript">
window.fbAsyncInit = function() {
      FB.init({
  appId: 'APPID',
        status     : true, 
        cookie     : true,
        xfbml      : true,
        oauth      : true
      });
  $("#fb").click(function () {

           FB.login(function(response) {//calling facebook login 

          }, {scope: 'user_photos,email,user_birthday,user_likes,user_activities,read_stream,user_religion_politics,user_relationships,user_education_history,user_work_history,user_hometown,user_location'});
  });

};
     (function(d){
       var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {
       //alert("k");
       return;}
       js = d.createElement('script'); js.id = id; js.async = true;
       js.src = "//connect.facebook.net/en_US/all.js";
       d.getElementsByTagName('head')[0].appendChild(js);
     }(document));

</script>
 <input type="button" class="fb" id="fb" />

我不知道我是否正确，但我认为最初没有创建 facebook 对象，这就是登录窗口没有出现的原因。

4

1 回答 1

0

您已将click事件添加到#fbFacebook 的输入中AsyncInit。您无法确定这将在输入加载后运行。

换句话说，你不能保证执行的顺序，你构造代码的方式，因为click事件是在回调中添加的，并且可能在 DOM（和input元素）完全加载之前调用该回调。

尝试在代码按钮之后添加事件。或者，研究.ready() 方法，以延迟 javascript 代码的某些部分执行，直到 DOM 完全加载。

于 2012-11-21T13:55:58.263 回答