Question

jquery mobile切换页面的几种方法

Answer 1

<a href="index.html">普通切换页面，不是在一个页面的html</a>
<a href="#index" data-transition="slide">带滑动效果的切换当前页面的div页面</a>
一个完整的jqm页面
<div data-role="page" id="index">
<div data-role="header">...</div>
<div role="main" class="ui-content">...</div>
<div data-role="footer">...</div>
</div>

一个页面可以有很多个data=role="page" 他表示一个页面 id就是为了方便超链接点击找到他显示他
还有通过js来切换页面：
$.mobile.changePage("about/us.html", "slideup");

第一个是地址或者ID，第二个效果

Answer 2

有几种方法来切换页面 1. $.mobile.changePage ('../path/to/page.html'); 2. $.mobile.changePage ('other/page.html', 'fade', false, false); 可以设定页面切换效果，以及定义参数来控制页面是否记录历史等 3. var pageData = { url: formresults. php , type: 'get', data: $('form#myform').serialize () }; $.mobile.changePage (pageData); 将页面url，类型，数据定义为变量来传递。 4. var previousPage = $.mobile.activePage.data ('ui.prevPage'); $.mobile.changePage ([previousPage, anotherPreviousPage], 'pop'); 使用changepage来加载第三个页面 5. $.mobile.pageLoading (); /显示加载信息 $.mobile.pageLoading (true); //隐藏 pageLoading (boolean done)函数显示或隐藏页面加载的提示信息。可以在$.mobile.loadingMessage变量中设置。 6 .$.mobile.silentScroll (100); silentScroll (number yPos): 在Y轴上（默认为0）滚动页面而不需要触发scroll事件