Javascript 自定义默认代码后未显示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 }); };

我想在我的主干项目中使用css自定义默认的Facebook登录按钮

这就是我所做的:

<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>';     
}
?>