PhoneGap中文网

标题: phonegap+jqmobi如何实现新闻详情页面的弹出？返回时关闭 [打印本页]

作者: xiaoweijun 时间: 2014-2-15 16:33
标题: phonegap+jqmobi如何实现新闻详情页面的弹出？返回时关闭
phonegap+jqmobi如何实现新闻详情页面的弹出？详情页面返回时关闭详情页面。然后停留在新闻列表页面，但是要停留在原先打开的位置而不是又回到列表的最上面？

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

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

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

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

作者: xiaoweijun 时间: 2014-2-16 15:02
谢谢老师，不过如果都放同一个DIV中。那详情页面显示时的header和footer怎么办呢？那不就没了。

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

作者: xiaoweijun 时间: 2014-2-16 17:07
好奇怪啊。我在phonegap www下的一个文件中使用window.close。想关闭弹出窗口。

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

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

作者: admin 时间: 2014-2-16 18:40

xiaoweijun 发表于 2014-2-16 15:02
谢谢老师，不过如果都放同一个DIV中。那详情页面显示时的header和footer怎么办呢？那不就没了。

另外老师 ...

可以header footer公用一个，或者详情显示的时候内容页面隐藏

作者: xiaoweijun 时间: 2014-2-20 16:46
出现个问题，页面滚动的话，假如列表页面滚动到一定的位置。那详情页面打开时它默认就在那个位置而不是在最上面。

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

求助！！！

作者: admin 时间: 2014-2-20 21:15

xiaoweijun 发表于 2014-2-20 16:46
出现个问题，页面滚动的话，假如列表页面滚动到一定的位置。那详情页面打开时它默认就在那个位置而不是在最 ...

内容页面定位试试

作者: xiaoweijun 时间: 2014-2-24 10:14
试了都不行。个人能力有限都解决不了。细节上都有些不满意的地方。

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

作者: 奋斗中的鸟 时间: 2014-7-15 11:41
为什么我点击list 列表取不到的 li 的 id

作者: briskvoice 时间: 2015-4-29 18:28
真心顶希望帮助更多人

作者: 曾夫子 时间: 2015-4-29 18:30
很不错，不错，学习学习。

作者: briskvoice 时间: 2015-4-29 18:39
非常好感谢开始学习html5 app开发了

作者: 薇偑吹鐹 时间: 2015-4-29 18:54
好帖就是要顶学习学习

作者: linxi74521 时间: 2015-4-29 19:15

欢迎光临 PhoneGap中文网 (http://bbs.phonegap100.com/)