PhoneGap中文网

标题: Jquery Mobile 多级页面跳转如何解决 [打印本页]

---

作者: Moto    时间: 2015-4-3 18:29
标题: Jquery Mobile 多级页面跳转如何解决
现开发中遇到这种情况：
有三个页面：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。

求教，这种问题如何解决？？？

---

作者: Moto    时间: 2015-4-6 22:06
顶起！

---

作者: admin    时间: 2015-4-7 12:50
http://www.lampweb.org/jquerymobile/5/11.html  看看这个帖子

---

作者: Moto    时间: 2015-4-7 18:56
这个问题困扰我两天，换了另一种方式解决了，如果管理员看到我的解决方法，帮忙给参谋一下，是不是存在弊端。
解决方法：在homepage页跳转到page1页面时，用的是a标签的href跳转方式，为保证page1页面中的多个子页面可以顺利跳转，并同时可以通过ajax请求数据，在page1页面增加了pagebeforecreate方法，再调用自定义js方法，可以请求数据并能实现page1多个子页面间的跳转了。

---

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

Powered by Discuz! X3.2