jQuery Mobile 和 Phonegap 页面更改事件问题答案

【问题标题】：jQuery Mobile and Phonegap page change events issuejQuery Mobile 和 Phonegap 页面更改事件问题
【发布时间】：2016-01-12 17:57:28
【问题描述】：

我正在开发一个使用 Phoengap、jQuery Mobile 和用于 Phonegap https://github.com/davejohnson/phonegap-plugin-facebook-connect 的新 Facebook 插件的移动应用程序。

首页是统计内容和连接 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 检查...

谢谢，欢迎指点。

【问题讨论】：

标签： jquery-mobile cordova

【解决方案1】：

如果您需要更早的东西，可以尝试使用pageinit 而不是pageshow。

【讨论】：

【解决方案2】：

"pagecreate" 事件在初始化页面之前执行，所以我认为它应该可以工作。

【讨论】：