Connexion avec le bouton FB Framework7

Question

Je rencontre un problème lors de l'implémentation du FB de connexion sur mon code framework7. Il ne suffit pas d'afficher le bouton, comme suit:

<div class="panel panel-left panel-reveal"> 
     <div class="content-block"> 
     <p>Left panel content goes here</p> 
     <fb:login-button scope="public_profile,email" onlogin="checkLoginState();"> 
     </fb:login-button> 
     <button class="btn-default" scope="public_profile,email" onlogin="checkLoginState();">Login fb</button> 
     </div> 
    </div> 

Toute suggestion sur la façon de résoudre ce problème?

Answer 1

Votre projet est-il dans un environnement cordova? , Je vous suggère de l'aide plugin fb cordova https://github.com/Wizcorp/phonegap-facebook-plugin

travail dans les mines comme un charme

1. page Connexion

       <li class="item-link"> 
            <a class="signin button button-raised">Sign In</a> 
           </li> 
           <li class="item-link"> 
            <a class="registerpage button button-raised">Register</a> 
           </li> 
           <li class="item-link">         
            <span id="facebookLogin" class="button button-fill color-blue">Login With Facebook</span>                 
           </li> 
           <li class="item-link"> 
            <span id="googleLogin" class="button button-fill color-red">Login With Google</span> 
           </li> 
          </ul> 
         </div> 
   

2. fonction init

   $ ('#facebookLogin'). on ('clic', function() { facebookLogin(); })

3. fonction facebookLogin

   function facebookLogin() {   
       facebookConnectPlugin.login(["public_profile", "user_birthday", "user_hometown", "email"], 
       fbLoginSuccess, 
       function (error) { app.app.alert(JSON.stringify(error)) } 
   ); 
   
   var fbLoginSuccess = function (userData) {  
       // use token from userData to your existing login system 
       //userData.authResponse.accessToken 
       }; 
   
   }