下面的代码显示了一个 facebook 登录链接,并且在所有方面都工作正常,除了当点击时,facebook 登录弹出窗口没有居中(相反它出现在屏幕的右中间部分很笨拙):
<div class="provider_logo big" name="facebook">
<div class="inner">
<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js"></script>
<script>
function check_login_status() {
var FB_API_KEY = "XXXXXXXXXXXXXXX";
FB.init({
appId:FB_API_KEY, cookie:true,
status:true, xfbml:true
});
FB.getLoginStatus(function(response) {
if (response.session) {
redirect_to_done_page();
} else {
FB.login(function(response) {
if (response.session) {
redirect_to_done_page();
} else {
// user cancelled login
}
}, {perms:'email'});
}
});
}
function redirect_to_done_page() {
window.location = "/account/facebook/done/";
}
</script>
<a style="position: relative; top: -8px;" href="javascript:void(0);" onclick="check_login_status()" perms="email"><img src="/images/facebook.gif" /></a>
我尝试将 var left 和 var top 选项粘贴到脚本的开头,以查看是否可以定位窗口,但事实并非如此。关于如何修改上述代码以使出现的弹出窗口居中的任何建议?
感谢所有答案,谢谢。
最佳答案
你的 facebook div
<div id="fb-root"></div>
在另一个里面。尝试将它放在 body
标签的正下方!
关于facebook - 我的 facebook 登录弹出窗口没有居中,我该如何居中呢?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7007348/