Question

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

首页是statis内容和与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;
        });

页面更改后，我想用Google地图填充页面，其中显示了附近Facebook地点的图钉。我想动态地这样做，所以我需要使用页面事件，并在页面加载后立即调用负责此功能的函数。给出任何结果的唯一事件是JQM的'pageshow'事件，但这只是在我以某种方式与页面交互后触发（例如点击）。

其他一切都按预期工作。关于我应该使用什么事件的任何想法？此外，当地图页面加载时，在点击之前，我仍然可以从按钮看到“使用Facebook登录”文本，但页面上没有任何其他内容。由于我使用的是Apache Cordova Facebook插件，我无法在浏览器中对此进行测试，因此我无法使用Firebug或Chrome进行检查......

谢谢，欢迎任何指示。

Answer 1

如果您需要更早的内容，可以尝试使用pageinit代替pageshow。

Answer 2

"pagecreate"事件在初始化页面之前执行，因此我认为它应该有用。

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

2 个答案: