2012-07-02 52 views
6

đột nhiên tôi nhận được một điều lạ xảy ra trong ứng dụng của mình khi cố gắng đăng nhập qua facebook. Hộp thoại bật lên kết nối facebook sẽ hiển thị một màn hình trống sau khi yêu cầu chi tiết đăng nhập. Thông thường tôi mong đợi sẽ thấy cửa sổ đóng lại, và sau đó trang web tự nó sẽ tiếp tục, tuy nhiên nó dường như đã bị treo.Facebook: Màn hình trống trên FB Đăng nhập

Tôi đang sử dụng Javascript SDK on Localhost

Đây là mã Tôi đang sử dụng (sao chép trực tiếp từ tài liệu facebook):

window.fbAsyncInit = function() { 
    FB.init({ appId: fbAppId, 
     status: false, 
     cookie: true, 
     xfbml: true 
    }); 

}; 

(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 = "//connect.facebook.net/en_US/all.js"; 
    ref.parentNode.insertBefore(js, ref); 
} (document)); 



$(document).ready(function() { 


    $("#fb_button_login").click(function() { 


     FB.login(function (response) { 
      if (response.authResponse) { 
       console.log('Welcome! Fetching your information.... '); 
       FB.api('/me', function (response) { 
        console.log('Good to see you, ' + response.name + '.'); 
       }); 
      } else { 
       console.log('User cancelled login or did not fully authorize.'); 
      } 
     }); 


    }); 

}); 

Một số lưu ý khác:

  • này dường như là xảy ra trên tất cả các trình duyệt.
  • Tôi đã nghiên cứu tất cả các bài viết khác và dường như không thể tìm thấy một giải pháp mà làm việc cho tôi
  • Hiện tại không có thông báo lỗi hiển thị trong giao diện điều khiển
  • khi phát triển tôi sử dụng một ID ứng dụng FB riêng biệt mà tôi đã thiết lập đặc biệt cho localhost với cổng được chỉ định tôi đang sử dụng (đã làm việc tốt cho hơn 12 tháng)
    • tôi không có chế độ sandbox kích hoạt

URL xuất hiện để treo trên là here

Xin cảm ơn các bạn.

+0

Vì vậy, điều này bắt đầu xảy ra với tôi và vẫn "Tôi đã nghiên cứu tất cả các bài đăng khác và dường như không tìm được giải pháp phù hợp với tôi". Bạn có may mắn không? – joaoricardo000

Trả lời

0

Hãy thử đoạn mã sau

<html> 
<body> 
<div id="fb-root"></div> 
<script type="text/javascript" src="http://connect.facebook.net/en_US/all.js"></script> 
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js" ></script> 
<script> 

FB.init({appId: fbAppId, status: true, cookie: true, xfbml: true}); 
$(document).ready(function() { 
    $("#fb_button_login").click(function() { 
     FB.login(function (response) { 
      if (response.authResponse) { 
       console.log('Welcome! Fetching your information.... '); 
       FB.api('/me', function (response) { 
        console.log('Good to see you, ' + response.name + '.'); 
       }); 
      } else { 
       console.log('User cancelled login or did not fully authorize.'); 
      } 
     }); 


    }); 
}); 

</script> 
<a href="javascript://" id="fb_button_login">Login</a> 
</body> 
</html> 
Các vấn đề liên quan