Moto 发表于 2015-4-3 18:29:00

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:48

顶起！{:4_102:}

admin 发表于 2015-4-7 12:50:02

http://www.lampweb.org/jquerymobile/5/11.html看看这个帖子

Moto 发表于 2015-4-7 18:56:47

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