热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

jQueryMobile和Phonegap页面更改事件问题-jQueryMobileandPhonegappagechangeeventsissue

ImworkingonamobileappthatusesPhoengap,jQueryMobileandthenewFacebookpluginforPhoneg

I'm working on a mobile app that uses Phoengap, jQuery Mobile and the new Facebook plugin for Phonegap https://github.com/davejohnson/phonegap-plugin-facebook-connect.

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

First page is statis content and a button to connect with Facebook:

第一页是静态内容和连接Facebook的按钮:


    Connect with Facebook

I'm only offering support for touch devices, so the code is triggered on tap:

我只提供对触控设备的支持,所以代码是随时触发的:

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

After the page changes, I want to populate the page with a Google Map which displays pins of nearby Facebook places. I want to do this dynamically so I need to use a page event and call the function responsible with this as soon as the page loads. The only event that gave any results was JQM's 'pageshow' event, but that only triggers after I interact with the page in some way (for example click).

在页面更改之后,我希望用谷歌地图填充页面,该地图显示附近Facebook位置的大头针。我想动态地完成这个操作,所以我需要使用一个页面事件,并在页面加载时调用负责此操作的函数。唯一给出结果的事件是JQM的“pageshow”事件,但只有在我以某种方式与页面交互之后才触发(例如单击)。

Everything else works as expected. Any idea on what event I should be using? Also, when the map page loads, before tapping, I can still see the "Login with Facebook" text from the button, but nothing else on the page. Since I'm using the Apache Cordova Facebook plugin, I can't really test this in the browser, so I can't use Firebug or Chrome inspect...

其他一切都按预期运行。知道我应该使用什么事件吗?另外,当映射页面加载时,在点击之前,我仍然可以看到按钮上的“登录Facebook”文本,但页面上没有其他内容。因为我使用的是Apache Cordova Facebook插件,所以我无法在浏览器中进行真正的测试,所以我无法使用Firebug或Chrome inspect……

Thanks, any pointers are welcome.

谢谢,欢迎大家指点。

2 个解决方案

#1


0  

You could try using pageinit instead of pageshow if you need something earlier.

如果需要更早的内容,可以尝试使用pageinit而不是pageshow。

#2


0  

"pagecreate" event executes before initializing the page, so I think it should work.

“pagecreate”事件在初始化页面之前执行,因此我认为它应该可以工作。


推荐阅读
  • 微软头条实习生分享深度学习自学指南
    本文介绍了一位微软头条实习生自学深度学习的经验分享,包括学习资源推荐、重要基础知识的学习要点等。作者强调了学好Python和数学基础的重要性,并提供了一些建议。 ... [详细]
  • 如何用UE4制作2D游戏文档——计算篇
    篇首语:本文由编程笔记#小编为大家整理,主要介绍了如何用UE4制作2D游戏文档——计算篇相关的知识,希望对你有一定的参考价值。 ... [详细]
  • XML介绍与使用的概述及标签规则
    本文介绍了XML的基本概念和用途,包括XML的可扩展性和标签的自定义特性。同时还详细解释了XML标签的规则,包括标签的尖括号和合法标识符的组成,标签必须成对出现的原则以及特殊标签的使用方法。通过本文的阅读,读者可以对XML的基本知识有一个全面的了解。 ... [详细]
  • 自动轮播,反转播放的ViewPagerAdapter的使用方法和效果展示
    本文介绍了如何使用自动轮播、反转播放的ViewPagerAdapter,并展示了其效果。该ViewPagerAdapter支持无限循环、触摸暂停、切换缩放等功能。同时提供了使用GIF.gif的示例和github地址。通过LoopFragmentPagerAdapter类的getActualCount、getActualItem和getActualPagerTitle方法可以实现自定义的循环效果和标题展示。 ... [详细]
  • FeatureRequestIsyourfeaturerequestrelatedtoaproblem?Please ... [详细]
  • 成功安装Sabayon Linux在thinkpad X60上的经验分享
    本文分享了作者在国庆期间在thinkpad X60上成功安装Sabayon Linux的经验。通过修改CHOST和执行emerge命令,作者顺利完成了安装过程。Sabayon Linux是一个基于Gentoo Linux的发行版,可以将电脑快速转变为一个功能强大的系统。除了作为一个live DVD使用外,Sabayon Linux还可以被安装在硬盘上,方便用户使用。 ... [详细]
  • 标题: ... [详细]
  • 闭包一直是Java社区中争论不断的话题,很多语言都支持闭包这个语言特性,闭包定义了一个依赖于外部环境的自由变量的函数,这个函数能够访问外部环境的变量。本文以JavaScript的一个闭包为例,介绍了闭包的定义和特性。 ... [详细]
  • 本文介绍了一些Java开发项目管理工具及其配置教程,包括团队协同工具worktil,版本管理工具GitLab,自动化构建工具Jenkins,项目管理工具Maven和Maven私服Nexus,以及Mybatis的安装和代码自动生成工具。提供了相关链接供读者参考。 ... [详细]
  • PHP图片截取方法及应用实例
    本文介绍了使用PHP动态切割JPEG图片的方法,并提供了应用实例,包括截取视频图、提取文章内容中的图片地址、裁切图片等问题。详细介绍了相关的PHP函数和参数的使用,以及图片切割的具体步骤。同时,还提供了一些注意事项和优化建议。通过本文的学习,读者可以掌握PHP图片截取的技巧,实现自己的需求。 ... [详细]
  • Spring特性实现接口多类的动态调用详解
    本文详细介绍了如何使用Spring特性实现接口多类的动态调用。通过对Spring IoC容器的基础类BeanFactory和ApplicationContext的介绍,以及getBeansOfType方法的应用,解决了在实际工作中遇到的接口及多个实现类的问题。同时,文章还提到了SPI使用的不便之处,并介绍了借助ApplicationContext实现需求的方法。阅读本文,你将了解到Spring特性的实现原理和实际应用方式。 ... [详细]
  • ZSI.generate.Wsdl2PythonError: unsupported local simpleType restriction ... [详细]
  • Google Play推出全新的应用内评价API,帮助开发者获取更多优质用户反馈。用户每天在Google Play上发表数百万条评论,这有助于开发者了解用户喜好和改进需求。开发者可以选择在适当的时间请求用户撰写评论,以获得全面而有用的反馈。全新应用内评价功能让用户无需返回应用详情页面即可发表评论,提升用户体验。 ... [详细]
  • CF:3D City Model(小思维)问题解析和代码实现
    本文通过解析CF:3D City Model问题,介绍了问题的背景和要求,并给出了相应的代码实现。该问题涉及到在一个矩形的网格上建造城市的情景,每个网格单元可以作为建筑的基础,建筑由多个立方体叠加而成。文章详细讲解了问题的解决思路,并给出了相应的代码实现供读者参考。 ... [详细]
  • imx6ull开发板驱动MT7601U无线网卡的方法和步骤详解
    本文详细介绍了在imx6ull开发板上驱动MT7601U无线网卡的方法和步骤。首先介绍了开发环境和硬件平台,然后说明了MT7601U驱动已经集成在linux内核的linux-4.x.x/drivers/net/wireless/mediatek/mt7601u文件中。接着介绍了移植mt7601u驱动的过程,包括编译内核和配置设备驱动。最后,列举了关键词和相关信息供读者参考。 ... [详细]
author-avatar
benpk2702933054
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有