Javascript 自定义默认代码后未显示Facebook注销按钮
我想在我的主干项目中使用css自定义默认的Facebook登录按钮 这就是我所做的:Javascript 自定义默认代码后未显示Facebook注销按钮,javascript,css,facebook,backbone.js,Javascript,Css,Facebook,Backbone.js,我想在我的主干项目中使用css自定义默认的Facebook登录按钮 这就是我所做的: <div id="fb-root"></div> <script> window.fbAsyncInit = function() { FB.init({ appId : '285660138255145', status : true, xfbml : true }); };
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : '285660138255145',
status : true,
xfbml : true
});
};
function fb_login(){
FB.login(function(response) {
if (response.authResponse) {
console.log('Welcome! Fetching your information.... ');
access_token = response.authResponse.accessToken; //get access token
user_id = response.authResponse.userID; //get FB UID
FB.api('/me', function(response) {
user_email = response.email; //get user email
});
} else {
console.log('User cancelled login or did not fully authorize.');
}
}, {
scope: 'publish_stream,email'
});
}
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)){ return; }
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=285660138255145";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<div style="position: relative; left: 16px; top: 10px;">
<div class="fb-login-button" data-max-rows="1" data-size="medium" data-show-faces="false" data-auto-logout-link="true" onclick="fb_login();">
<span class="icon icon-fb"></span>
<span class="title">Login with Facebook</span>
</div>
</div>
window.fbAsyninit=函数(){
FB.init({
appId:'28566138255145',
状态:正确,
xfbml:对
});
};
函数fb_login(){
FB.登录(功能(响应){
if(response.authResponse){
log('欢迎!获取您的信息…);
access\u token=response.authResponse.accessToken;//获取访问令牌
user\u id=response.authResponse.userID;//获取FB UID
FB.api('/me',函数(响应){
user\u email=response.email;//获取用户电子邮件
});
}否则{
log('用户取消登录或未完全授权');
}
}, {
范围:“发布\u流,电子邮件”
});
}
(功能(d、s、id){
var js,fjs=d.getElementsByTagName[0];
if(d.getElementById(id)){return;}
js=d.createElement;js.id=id;
js.src=“//connect.facebook.net/en_US/all.js#xfml=1&appId=28566138255145”;
fjs.parentNode.insertBefore(js,fjs);
}(文档“脚本”、“facebook jssdk”);
使用Facebook登录
在
中添加两个跨距后,即使一个帐户成功登录,仍然会显示“登录”按钮,即此处的“注销”按钮
如果:
<div style="position: relative; left: 16px; top: 10px;">
<div class="fb-login-button" data-max-rows="1" data-size="medium" data-show-faces="false" data-auto-logout-link="true" onclick="fb_login();">
//text.... not <span>
</div>
</div>
//文本。。。。不
另一件事-
您的代码中没有应用程序Id
。加上它。通过在facebook上创建应用程序,您将获得应用程序id
。如果没有app Id
,您就不能使用fb登录插件
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=YOUR_APP_ID_SHOULD_BE_HERE";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
(功能(d、s、id){
var js,fjs=d.getElementsByTagName[0];
if(d.getElementById(id))返回;
js=d.createElement;js.id=id;
js.src=“//connect.facebook.net/en_US/all.js#xfbml=1&appId=YOUR_APP_ID_应该在这里”;
fjs.parentNode.insertBefore(js,fjs);
}(文档“脚本”、“facebook jssdk”);
注意你的应用程序ID应该在这里部分
更新:
根据您的评论,如果您成功地将某人登录到您的应用程序中,下面的代码适用于我,也适用于所有人。该代码用于自定义按钮。是的,如果您在登录后立即重定向到另一个页面,那么在重定向之前的那一瞬间,您肯定看不到“注销”按钮
<fb:login-button show-faces="true" scope="email" data-auto-logout-link="true" width="200" max-rows="1">Connect with Facebook</fb:login-button>
连接Facebook
试试这个
<?php
$ses_user=$this->session->userdata('User');
if(empty($ses_user))
{
echo img(array('src'=>$base_url.'images/facebook.png','id'=>'facebook','style'=>'cursor:pointer;float:left;margin-left:550px;'));
}
else
{
echo '<img src="https://graph.facebook.com/'. $ses_user['id'] .'/picture" width="30" height="30"/><div>'.$ses_user['name'].'</div>';
echo '<a href="'.$this->session->userdata('logout').'">Logout</a>';
}
?>
目前我正在使用backbone.js开发我的项目,你能用javascript回答吗?我已经更新了我的问题,请查看添加的应用程序id
,没有任何更改。我已经更新了我的问题,并在问题底部添加了代码!它起作用了!但是有没有可能隐藏成为第一个使用文本的朋友?
文本?我认为这是fb的默认功能。我还没试过。顺便说一句,如果它对你有效,你应该投票并接受让别人知道。
<fb:login-button show-faces="true" scope="email" data-auto-logout-link="true" width="200" max-rows="1">Connect with Facebook</fb:login-button>
<?php
$ses_user=$this->session->userdata('User');
if(empty($ses_user))
{
echo img(array('src'=>$base_url.'images/facebook.png','id'=>'facebook','style'=>'cursor:pointer;float:left;margin-left:550px;'));
}
else
{
echo '<img src="https://graph.facebook.com/'. $ses_user['id'] .'/picture" width="30" height="30"/><div>'.$ses_user['name'].'</div>';
echo '<a href="'.$this->session->userdata('logout').'">Logout</a>';
}
?>