私は、Phoengap、jQuery Mobile、および Phonegap 用の新しい Facebook プラグインhttps://github.com/davejohnson/phonegap-plugin-facebook-connectを使用するモバイル アプリに取り組んでいます。
最初のページは、ステータス コンテンツと Facebook に接続するためのボタンです。
<a data-role="button" data-theme="b" href="#home-page" data-icon="facebook" id="fb_connect">
Connect with Facebook
</a>
タッチ デバイスのサポートのみを提供しているため、コードはタップでトリガーされます。
$('#fb_connect').live('tap',function(event) {
FB.login(function(response) {
if (response.authResponse) {
console.log('login(): Logged in');
} else {
console.log('User cancelled login or did not fully authorize.');
}
}, {scope: 'email, user_likes, user_status, friends_status, user_checkins, friends_checkins'});
$.mobile.changePage($('#map-page'), {transition: 'slideright', showLoadMsg: 'true'});
return false;
});
ページが変更された後、近くの Facebook の場所のピンを表示する Google マップをページに追加したいと考えています。これを動的に実行したいので、ページ イベントを使用して、ページが読み込まれるとすぐにこれを担当する関数を呼び出す必要があります。結果が得られた唯一のイベントは JQM の「pageshow」イベントでしたが、これは何らかの方法 (クリックなど) でページを操作した後にのみトリガーされます。
他のすべては期待どおりに機能します。どのイベントを使用する必要があるかについて何か考えはありますか? また、マップ ページが読み込まれると、タップする前に、ボタンから「Facebook でログイン」というテキストが表示されますが、ページには他に何も表示されません。私は Apache Cordova Facebook プラグインを使用しているため、ブラウザでこれを実際にテストすることはできず、Firebug や Chrome inspect を使用することはできません...
ありがとう、どんなポインタでも大歓迎です。