2016-05-31 9 views
-1

Facebook Graph APIを使用できるようにするために基本的なコードを作成しようとしましたが、問題は、ボタンをクリックしてもアクションが開始されないということです。 document.getElementById('login').onclick = function() {にアラートを追加しようとしましたが、決して通過しません。何が問題なのか考えていますか?Facebook Graph APIが動作しません

ありがとうございます!ここで

がコードである( '000000000000000' は私の本当のアプリのIDではありませんが、私はちょうどポストのためにそれを置き換え):

正しいコードになり

<html> 
 
<head> 
 
</head> 
 
<body> 
 
<script type="text/javascript"> 
 
    window.fbAsyncInit = function() { 
 
     var appID = '0000000000000000'; 
 
     FB.init({ 
 
       appId: appID, 
 
       status: true, 
 
       cookie: true, 
 
       xfbml: true 
 
     }); 
 

 
     // This bit adds the login functionality to the login 
 
     // button when api load is complete 
 

 
     document.getElementById('login').onclick = function() { 
 
\t \t alert("test"); 
 
     FB.login(function(response) { 
 
     if (response.authResponse) { 
 
      FB.api('/me', function(info) { 
 
       login(response, info); 
 
      }); \t  
 
      } else { 
 
       //user cancelled login or did not grant authorization 
 
       showLoader(false); 
 
      } 
 
     }, {perms:'read_stream,publish_stream,offline_access'}); 
 
    } 
 
    }; 
 
    (function() { 
 
     var e = document.createElement("script"); 
 
     e.async = true; 
 
     e.src = "https://connect.facebook.net/en_US/all.js?xfbml=1"; 
 
     document.getElementById("fb-root").appendChild(e); 
 
    }()); 
 
</script> 
 
<button id="login" >My login button</button> 
 
</body> 
 
</html>

答えて

0

document.getElementById('login').addEventListener('click', function() { 
    console.log('test'); 
}); 

詳細情報:https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener

+0

Tあなたの素早い答えのためにハンクス。私はこれがFirefoxで使用されると思いますか?私はクロムを使用していたし、それはどちらも動作しませんでした。 要求通りに回線を変更しようとしましたが、何も起こりません... – Raquel

+0

どのブラウザでも問題ありません。あなたはブラウザコンソールをチェックアウトしましたか?それは "それは動作しません"だけで助けるのは難しいです。あなたのものをデバッグし、私が投稿したリンクの情報を読んでください。ご覧のとおり、これはchrome 1.0でも機能します。 – luschn

関連する問題