Facebook FB.ui apprequest не отображается на мобильном телефоне

Question

Я разрабатываю мобильное приложение с интеграцией facebook. Приложение разработано с JQuery мобильный (см ниже)

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

на мобильном телефоне диалоговое окно запроса не открывается. Я вижу только пустой белый экран. У кого-нибудь есть идея, что я делаю неправильно?

Answer 1

после нескольких попыток, похоже, проблема связана с высотой страницы мобильного телефона и расположением диалогового окна на экране.

Я использовал следующие исправить на моем nexus5:

Добавлена ​​страница:

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

CSS:

#fb-page { 
    position: initial; 
}