2012-04-10 5 views
1

Facebookのインテグレーションでモバイルアプリを開発しています。アプリは、それが必要として、私はすべての作品のFacebook JSSDKとし、通常のブラウザでFacebookの機能を統合するために、これまで管理してきたFacebook FB.ui apprequestがモバイルに表示されない

<link rel="stylesheet" <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" /> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
<script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script> 

(ログアウト、ログイン、他のAPIコール)(下記参照)jqueryの携帯で開発されましたモバイルでApprequestを:

function sendRequest() { 
    FB.ui({ method: 'apprequests', message: 'Are you ready?', 
    }, function(response) { 
    console.log('sendRequest response: ', response); 
    if (response && response.to) { 
     for (var j = 0; j < response.to.length; j++) { 
    alert('You have: ' + response.response.name + ' with User id: ' + response.to[j] + ' invited'); 
     //alert(response.to[j]); 
     } 
    } else { 
      console.log('User didn't invite anyone');  
     } 
}); 

モバイルで送信しようとすると、リクエストダイアログが表示されません。私は空白の白い画面しか見ることができません。 誰かが私が間違っているアイデアを持っていますか?

+0

:) –

+0

だから、答えは何である:

<div data-role="page" id="fb-page"> <div id="fb-root"></div> </div> 

CSS:

は、ページを追加しました?私も同様の問題があります。 – Paul

+0

私も同様の問題を抱えています... –

答えて

0

いくつかのことを試した後、問題はモバイルのページの高さで、ダイアログが画面上に配置されているようです。

私はnexus5に修正するために、次を使用:それはCSSのエラーだった

#fb-page { 
    position: initial; 
} 
関連する問題