博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery Mobile页面返回无需重新get
阅读量:4559 次
发布时间:2019-06-08

本文共 1099 字,大约阅读时间需要 3 分钟。

jquery mobile新版中没有返回按钮的解决方案

1、 需要在页面源代码的 page 中加上 data-add-back-btn="true" 。

2、 同时页面的代码中加上一句 js 代码即可:
      $ ( document ) . bind ( "mobileinit" , function ( ) {
$.mobile.page.prototype.options.addBackBtn = true;});

----------------------------------------

jQuery Mobile页面返回无需重新get

http://www.th7.cn/web/ajax/201208/5059.shtml

 

页面在切换完后,会触发pagechange事件,于是我把pagebeforeshow改成了pagechange,一切都按预期运行,并且没有错误,终于大功告成了。

总结

在使用该插件时,请注意以下几点:

1、必须在引用该脚本之前,引用jquery和jquery mobile脚本文件;

2、必须在page上增加data-dom-cache="true"。

 

----------------------------------------------------------

使用jquerymobile的时候,我们新进入一个页面可能需要添加一个返回按钮,用户返回到上一个页面,我们可以使用上一篇文章中的方法,在Header中添加返回上一个页面的链接,但是这样有一点不好,如果这个页面有多个入口(即可以从多个页面跳入本页面),那么我们这个返回就得做判断了。在这种情况下我们可以使用jquerymobile的data-add-back-btn属性,并将其值设为true。这样jquerymobile会自动为我们记住该返回哪个页面。下面看一个例子代码:

   <a href="" data-rel="back">Go back...</a>  

我们做手机应用的时候,一般会在下面添加一些按钮,这时候我们就可以在footer上添加按钮了。这里我们不使用真正的按钮,而是使用CSS来将A标签,做成按钮一下,在上面的程序中添加如下的代码:

  1. <div data-role="footer" class="ui-bar">  
  2.   <a href="credits.html">Credits</a>  
  3.   <a href="contact.html">Contact</a>  
  4. </div> 

 

转载于:https://www.cnblogs.com/wellsoho/p/3580604.html

你可能感兴趣的文章
安卓广播接收者
查看>>
999线监控
查看>>
Redis在python中的使用
查看>>
理解class.forName()
查看>>
每日一小练——数值自乘递归解
查看>>
二叉搜索树 (BST) 的创建以及遍历
查看>>
MyBatis/Ibatis中#和$的区别
查看>>
【JAVASCRIPT】React学习-组件生命周期
查看>>
win 64 文件操作
查看>>
Java范例集锦(二)
查看>>
C语言变量和常量
查看>>
LInuxDay8——shell脚本编程基础
查看>>
topcoder 673
查看>>
Java中一些常用的类,包,接口
查看>>
下载特定区域内街景照片数据 | Download Street View Photos within Selected Region
查看>>
StarUML 破解方法
查看>>
C语言结构体
查看>>
[转]Tribon船体生产设计应用
查看>>
easy ui datagrid 让某行复选框不能选中
查看>>
第六周作业
查看>>