1

Facebookと統合したモバイルアプリを開発しています。アプリはjquery mobileで開発されています（下記参照）

<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>

これまでのところ、Facebook の機能を Facebook JSSDK と統合することができました。通常のブラウザでは、ログイン、ログアウト、その他の API 呼び出しなど、すべて正常に動作しますが、次の方法でアプリリクエストを送信しようとすると、次のようになります。

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

モバイルでは、リクエスト ダイアログはポップアップしません。真っ白な画面しか見えません。誰かが私が間違っていることを知っていますか?

4

1 に答える 1

0

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

nexus5で修正するために次を使用しました：

ページを追加しました:

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

CSS:

#fb-page {
    position: initial;
}
于 2014-12-02T21:15:42.253 に答える