PhoneGap中文网

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

Jquery Mobile 多级页面跳转如何解决

[复制链接]

1

主题

9

帖子

117

积分

注册会员

Rank: 2

积分
117
跳转到指定楼层
#
发表于 2015-4-3 18:29:00 | 只看该作者 回帖奖励 |正序浏览 |阅读模式
现开发中遇到这种情况:
有三个页面:homepage、page1,page1中包含<div data-role='page' id='page11'></div>和<div data-role='page' id='page12'></div>两个子页面,在homepage中一个<a>标签onclick事件调用js中的一个函数,用$.mobile.changePage("#page1.html",,{transition:"slide"})方法跳转到page1,同时通过ajax请求服务器端数据,并动态生成listview显示在子页面page11中,现在点击每条listview,要跳转到page12无法实现。

利用火狐的firebug,看到ajax页面跳转是将page1中的<div data-role='page' id='page11'></div>整段代码显示在homepage最后一个div后面,而不是整体跳转到page1页面,所以点击page11中的listview没有反应。

如果在homepage的<a>标签中直接跳转< a href="page1.html">,则page11中listview能跳到page12。

求教,这种问题如何解决???

it营
回复

使用道具 举报

1

主题

9

帖子

117

积分

注册会员

Rank: 2

积分
117
板凳
 楼主| 发表于 2015-4-7 18:56:47 | 只看该作者
这个问题困扰我两天,换了另一种方式解决了,如果管理员看到我的解决方法,帮忙给参谋一下,是不是存在弊端。
解决方法:在homepage页跳转到page1页面时,用的是a标签的href跳转方式,为保证page1页面中的多个子页面可以顺利跳转,并同时可以通过ajax请求数据,在page1页面增加了pagebeforecreate方法,再调用自定义js方法,可以请求数据并能实现page1多个子页面间的跳转了。
it营
回复 支持 反对

使用道具 举报

493

主题

2035

帖子

6894

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
6894
沙发
发表于 2015-4-7 12:50:02 | 只看该作者
回复 支持 反对

使用道具 举报

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

本版积分规则

关闭

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

ionic4视频教程

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

GMT+8, 2024-11-24 14:47 , Processed in 0.042976 second(s), 27 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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