jquerymobile跳转方法_关于jquery mobile的页面跳转

展开全部

jm转场32313133353236313431303231363533e4b893e5b19e31333335323534传参确实是奇葩的东西，首先你要理解：如果采用changePage转场，那么只需要第一个html引入Javascript，也就是说所有页面的Javascript是共享的。

那么一个解决方案是：你在page1.html通过changePage转场到page2.html之前，在Javascript中定义一个公共常量，这个常量就是要给page2.html的参数。然后跳转到page2.html的时候通过pageinit事件去获取常量。var params1 = xxx;

$(document).on("pageinit","#page2",function(){

params1....

});

上面这是最简单但不安全合理的解决方法。

你说的禁用转场也可行，但是第二个页面就是全新页面了，不仅没转场效果，而且得重新加载所有文件，性能不行。

传说中最优的方案是绑定pagebeforechange事件，$(document).bind("pagebeforechange", handleChangePage)，这个事件能在page1跳转后、page2初始化前触发，并且通过e.target.baseURI可以获取URL信息，剩下就是解析参数，很简单了。$(document).bind("pagebeforechange", beforechange);

function beforechange(e, data) {

if (typeof data.toPage != "string") {

var url = $.mobile.path.parseUrl(e.target.baseURI)

var re = 'details.html';

if (url.href.search(re) != -1) {

var page = $(e.target).find("#detailsPage");

var d = data.options.data;

var data = getUrlParam(url.href);

page.find("#nameDiv").html(decodeURIComponent(data[0]));

page.find("#timeDiv").html(decodeURIComponent(data[1]));

page.find("#contentDiv").html(decodeURIComponent(data[2]));

}

可能你还有一些疑惑，这没问题，你可以去百度搜索"JqueryMobile转场和参数传递“，现在已经有很多文章介绍了。

最后吐槽一下：JqueryMobile在Android下真的跑不快！但是适合不懂移动开发，只会web开发的同学入门。

jquerymobile跳转方法_关于jquery mobile的页面跳转相关推荐

【JQuery Mobile移动应用开发实战】JQuery Mobile基础——页面与对话框
文章目录 JQuery Mobile基础 1. 页面与对话框 1.1 简单的helloworld 1.2 利用JQuery脚本DIY闪光灯效果 1.3 不断切换的场景 1.4 整人游戏 1.5 手机被 ...
jQuery Mobile中页面page的data-*选项
全栈工程师开发手册 (作者:栾鹏) jQuery Mobile 所有data-*选项 jQuery Mobile中页面page的data-*选项带有 data-role="page&quo ...
原生js路由跳转方法_今日艰难笔记原生js整合reactrouter路由管理
数据大屏使用权限三种场景模式学校登录,只能查看自己学校的数据大屏(绍兴中专较为特殊) 市级教育局登录,可看到自己所在级数据大屏,区级,子级数据大屏区级教育局可看到子级,所在级当为教育局类型时,点 ...
wap开发使用jquery mobile之后页面不加载外部css样式文件/js文件
场景: wap开发,使用jquery mobile之后不会加载外部自定义的css文件了,需要手动刷新才会加载,查看外部自定义的js文件也是一样. 解决办法: 1.在page下面添加css样式,就不要写 ...
jquery mobile将页面内容当成弹框进行显示
注:必须使用相对应版本的jquery mobile css.不然无法正常显示 1 <div data-role="page" id="pageone"&g ...
阻止路由跳转得方式_vue路由拦截及页面跳转的设置方法
路由设置:router/index.js main.js: { if (to.matched.some(res => res.meta.requireAuth)) { // 验证是否需要登陆 i ...
参数携带跳转_微信小程序：页面跳转及参数传递
本文首发自个人自有博客:[FaxMiao个人博客],一个关注Web前端开发技术.关注用户体验.记录前端点滴,坚持更多原创,为大家提供高质量技术博文! 前言小程序的跳转方法有很多种,有的人一直只用wx ...
java页面跳转t赋值_java servlet 几种页面跳转的方法及传值
java web 页面之间传值有一下这几种方式 1.form 表单传递参数 2.url地址栏传递参数 3.session 4.cookie 5.application 6.通过隐藏域传值 7.通过Ja ...
利用JQuery实现HTML页面跳转
利用JQuery可方便地实现HTML页面跳转.比如建立两个子目录A,B,每个子目录中都有一个sample.html文件.在父目录中编写一个index.html文件,在其页面 Head 区域导入JQue ...

jquerymobile跳转方法_关于jquery mobile的页面跳转

jquerymobile跳转方法_关于jquery mobile的页面跳转相关推荐

最新文章

热门文章