PhoneGap中文网

 找回密码
 立即注册
查看: 31390|回复: 13
打印 上一主题 下一主题

phonegap+jqmobi如何实现新闻详情页面的弹出?返回时关闭

[复制链接]

12

主题

31

帖子

687

积分

高级会员

Rank: 4

积分
687
跳转到指定楼层
楼主
发表于 2014-2-15 16:33:16 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
phonegap+jqmobi如何实现新闻详情页面的弹出?详情页面返回时关闭详情页面。然后停留在新闻列表页面,但是要停留在原先打开的位置而不是又回到列表的最上面?

详情页面返回时在客户端中使用window.close好像不执行。虽然在浏览器中执行。但在模拟器和客户端中都没效果。



请教老师。有没好点的方式解决列表到详情,详情返回列表。它们之间传值的问题。





回复

使用道具 举报

493

主题

2035

帖子

6894

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
6894
沙发
发表于 2014-2-16 12:13:43 | 只看该作者
你可以这样:
1.列表页面和详情页面放在一个panel里面
2.加载列表页面的时候详情页面为空
3.点击列表页面的对应文章的时候 把文章id写入localstorage 然后显示对应的详情页面
4.详情页面显示完毕 根据localstorage 文章id 请求数据 显示在对应的 详情div上面
5.注意  隐藏的详情div必须使用定位实现  和弹出层类似的效果 这样点击关闭的时候 其实就是把这个层隐藏


感谢您对我们的支持 希望对你有帮助
回复 支持 反对

使用道具 举报

12

主题

31

帖子

687

积分

高级会员

Rank: 4

积分
687
板凳
 楼主| 发表于 2014-2-16 15:02:27 | 只看该作者
谢谢老师,不过如果都放同一个DIV中。那详情页面显示时的header和footer怎么办呢?那不就没了。

另外老师能否提供个简单的示例给我。对我这菜鸟页面调试满麻烦的。
回复 支持 反对

使用道具 举报

12

主题

31

帖子

687

积分

高级会员

Rank: 4

积分
687
地板
 楼主| 发表于 2014-2-16 17:07:50 | 只看该作者
好奇怪啊。我在phonegap www下的一个文件中使用window.close。想关闭弹出窗口。

模拟器会报Window already focused,ignoring focus gain of :com.android.internal.view.IInputMethodClienet$Stb$Proxy@45f77688


使用window.close好像没有关闭弹出页面。使用浏览器是正常的。但客户端上执行却有问题。
回复 支持 反对

使用道具 举报

493

主题

2035

帖子

6894

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
6894
5#
发表于 2014-2-16 18:40:55 | 只看该作者
xiaoweijun 发表于 2014-2-16 15:02
谢谢老师,不过如果都放同一个DIV中。那详情页面显示时的header和footer怎么办呢?那不就没了。

另外老师 ...

可以header footer公用一个,或者详情显示的时候内容页面隐藏
回复 支持 反对

使用道具 举报

12

主题

31

帖子

687

积分

高级会员

Rank: 4

积分
687
6#
 楼主| 发表于 2014-2-20 16:46:42 | 只看该作者
出现个问题,页面滚动的话,假如列表页面滚动到一定的位置。那详情页面打开时它默认就在那个位置而不是在最上面。

同理如果详情页面如果回到最上面的话,那详情页面的DIV关闭时,列表页面也就回到了最上面,而不是打开详情页面之前的位置。。。。


求助!!!
回复 支持 反对

使用道具 举报

493

主题

2035

帖子

6894

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
6894
7#
发表于 2014-2-20 21:15:46 | 只看该作者
xiaoweijun 发表于 2014-2-20 16:46
出现个问题,页面滚动的话,假如列表页面滚动到一定的位置。那详情页面打开时它默认就在那个位置而不是在最 ...

内容页面 定位试试
回复 支持 反对

使用道具 举报

12

主题

31

帖子

687

积分

高级会员

Rank: 4

积分
687
8#
 楼主| 发表于 2014-2-24 10:14:27 | 只看该作者
试了都不行。个人能力有限都解决不了。细节上都有些不满意的地方。

后来再看了jqmobi发现$.ui.showModal这东西有这个效果。目前用这个东西来处理列表页面和详情页面的问题。
回复 支持 反对

使用道具 举报

0

主题

3

帖子

18

积分

新手上路

Rank: 1

积分
18
9#
发表于 2014-7-15 11:41:18 | 只看该作者
为什么我点击list 列表 取不到的 li 的 id
回复 支持 反对

使用道具 举报

0

主题

18

帖子

55

积分

注册会员

Rank: 2

积分
55
10#
发表于 2015-4-29 18:30:30 | 只看该作者
很不错,不错,学习学习。
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐 上一条 /1 下一条

ionic4视频教程

Archiver|手机版|小黑屋| PhoneGap中文网 ( 京ICP备13027796号-1 )  

GMT+8, 2024-11-23 13:24 , Processed in 0.059356 second(s), 33 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表