jQuery Mobile页面跳转切换的几种方式

2021-07-11 16:04

阅读:431

YPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

jQuery Mobile在移动开发中越来越受到欢迎。

而他的各个版本号也在持续不断的更新中。相同的我也非常喜欢它,它加快了我们开发HTML5的速度。


同一时候又具备jQuery一样的操作方法。

学起来也是相当的easy。所以这一片文章就是介绍jQuery Mobile的页面跳转的。
少说废话,看源代码:

jQuery Mobile页面跳转切换的几种方式

涛哥伪专家管理系统

刷新

我是第一个页面

如有不懂,请加qq群:135430763,共同学习!

如有不懂。请加qq群:135430763,共同学习!

如有不懂,请加qq群:135430763。共同学习!

如有不懂。请加qq群:135430763,共同学习!

跳转到下一个页面

涛哥伪专家管理系统

刷新

我是第二个页面

如有不懂,请加qq群:135430763,共同学习!

如有不懂。请加qq群:135430763,共同学习!

如有不懂,请加qq群:135430763,共同学习!

如有不懂。请加qq群:135430763。共同学习!

跳转到下一个页面

涛哥伪专家管理系统

刷新

我是第三个页面

如有不懂,请加qq群:135430763。共同学习!

有几种方法来切换页面

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事件

跳转到第一个页面
其它方法:
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事件


OK,到此结束了。欢迎大家关注我的个人博客。

如有不懂,请大家增加qq群:135430763共同学习!


评论


亲,登录后才可以留言!