我正在开发一个使用 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 地点的图钉的谷歌地图填充页面。我想动态地执行此操作,因此我需要使用页面事件并在页面加载后立即调用负责此操作的函数。唯一给出任何结果的事件是 JQM 的“pageshow”事件,但它仅在我以某种方式与页面交互(例如单击)后触发。
其他一切都按预期工作。关于我应该使用什么事件的任何想法?此外,当地图页面加载时,在点击之前,我仍然可以从按钮中看到“使用 Facebook 登录”文本,但页面上没有其他内容。由于我使用的是 Apache Cordova Facebook 插件,因此我无法在浏览器中进行真正的测试,因此我无法使用 Firebug 或 Chrome 检查...
谢谢,欢迎任何指点。