我尝试使用FB JS SDK为Facebook登录实现自定义按钮。问题是 - 当我调用函数fb_login()时,控制台表示该函数未定义。我该如何更改此代码? JS部分:
<script>
$(document).ready(function () {
window.fbAsyncInit = function () {
FB.init({
appId: 'APP_ID',
status: true,
cookie: true,
xfbml: true,
version: 'v2.0'
});
}
function fb_login() {
FB.login(function (response) {
if (response.status === 'connected') {
var uid = response.authResponse.userID;
var url = "http://graph.facebook.com/" + uid + "/picture?type=large";
var accessToken = response.authResponse.accessToken;
var form = document.createElement("form");
form.setAttribute("method", 'post');
form.setAttribute("action", 'FacebookLogin.ashx');
var field = document.createElement("input");
field.setAttribute("type", "hidden");
field.setAttribute("name", 'accessToken');
field.setAttribute("value", accessToken);
var field1 = document.createElement("input");
field1.setAttribute("type", "hidden");
field1.setAttribute("name", 'img');
field1.setAttribute("value", url);
form.appendChild(field);
form.appendChild(field1);
document.body.appendChild(form);
form.submit();
}
else if (response.status === 'not_authorized') {
FB.login();
} else {
FB.login();
}
});
}
(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/ru_RU/all.js";
ref.parentNode.insertBefore(js, ref);
}(document));
});
</script>
这是HTML部分:
<div id="fb-root"></div>
<div class="lvl2 b-visible">
<a class="btn-fc" onclick="return fb_login();" href="#">Authorize using FB</a>
</div>
P.S。我已经阅读了类似问题的答案(like this one)。解决方案与我的问题完全相似,但它无效。
答案 0 :(得分:0)
您的fb_login()
功能是在范围之外定义的,您的按钮可以将其调用。如果您想在fb_login()
内部$(document).ready(function(){});
,并仍然从<a>
调用它,则需要将该功能附加到全局变量范围使用类似的东西:
$(document).ready(function () {
// window.fbAsyncInit code here
window.fb_login = function fb_login() {
// Your existing fb_login() code here
}
// Code here
});
您可以在此处看到类似的问题/答案:Calling function inside jQuery document ready
您可以在此处详细了解JavaScript变量范围:http://msdn.microsoft.com/en-us/library/ie/bzt2dkta(v=vs.94).aspx