jquery mobile切换页面的几种方法

Posted 2023-03-18

有几种方法来切换页面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事件 参考技术A <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，第二个效果