Jquery mobile data-rel="back"模拟返回

最新推荐文章于 2021-02-01 04:18:33 发布
最新推荐文章于 2021-02-01 04:18:33 发布
阅读量318 收藏
点赞数
分类专栏： Jquery 文章标签： data-rel="back"
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36087244/article/details/101120297
版权

记一次恶心的bug，手机端返回前面页面导致一直失败，跟踪js发现a标签的href已经进去了，但是还是返回错误的页面，搞得心态爆炸，最后找到这个

data-rel="back"

back改为none，解决。。。。

Jquery mobile 的这个属性会模拟后退按钮，类似浏览器的后退按钮，并会忽略a标记本身的href。

CV搬运工
关注
专栏目录
jQueryMobile之Helloworld与页面切换的方法
10-24
`data-rel="back"` 属性用于返回上一个页面，模拟浏览器的回退功能。 总结一下，jQuery Mobile 提供了一套完整的框架，用于快速构建移动设备上的交互式应用。通过学习和应用页面结构、header、content、footer、...
jQuery Mobile弹出对话框后不刷新原页面，保持原页面内容不变
热门推荐
海涛的博客
02-18 2万+
使用jQuery Mobile开发移动应用程序时，在一个页面上弹出对话框，关闭对话框后，发现原来的页面被刷新了。如果原页面上有一些已经选择或者填写的数据，则这些数据就会丢失。这时候，就需要对对话框的返回按钮做一些处理，让页面返回到对话框父页面在弹出对话框执勤的状态。 弹出对话框的按钮一般写法如下： a href="/Dialogs/MyDialog.htm" data-role="button
Jquery mobile 自定义 返回按钮 data-rel="back"
weixin_34265814的博客
11-09 303
data-rel="back" 第一个页面 主页面 studentmaster.html  通过下面js脚本跳转到详情页面 window.location.href="studentdetail.html"; [html] view plain copy   <body>       <div data-role="page" id="page"&
data-rel
piaofenglanyan的专栏
04-08 1712
 data-rel规定有关链接如何行为的选项。
Jquery mobile 自定义 返回按钮 data-rel="back"
bibi
12-02 6652
data-rel="back" 第一个页面 主页面 studentmaster.html  通过下面js脚本跳转到详情页面 window.location.href="studentdetail.html"; 学员风采 第二个页面  详细页面studentdetail.html data-
JqueryMobile快速上手教程－实训任务书01-我的第一个JqueryMobile页面
03-25
3. **导航结构（Navigation Structure）**：使用 `data-rel` 属性创建链接间的导航关系，如 `data-rel="back"` 返回前一页，`data-rel="dialog"` 创建对话框样式页面。 4. **主题（Theming）**：jQuery Mobile 提供...
jquery mobile 1.4.5demo和说明
05-23
2. **导航和链接**：使用 data-rel="back" 实现返回操作，data-direction="reverse" 定义返回动画方向。a 标签的 href 属性支持 # 伪协议，用于页面内部跳转。 3. **表单**：jQuery Mobile 自动美化表单元素，如...
JqueryMobile快速上手教程－实训任务书04-外页设计-班级通知页.zip
03-25
<a href="#" data-rel="back" data-icon="back">返回 <div data-role="footer"> <h4>2022级计算机科学班 ``` ### 4. 内容区域（Content） 内容区域通过`data-role="content"`定义，它是页面的主要部分，可以...
jquerymobile设计完整例子
05-11
通过设置`data-rel="next"`或`data-rel="back"`，可以实现向后或向前的页面跳转。同时，`data-transition`属性可以指定过渡动画，如滑动、淡入淡出等，以增加动态效果。 4. **触摸事件处理** 移动设备上，触摸事件...
【初探移动前端开发03】jQuery Mobile（上）
weixin_34232363的博客
07-12 80
前言 到目前为止，我打了几天酱油了，这几天落实了工作，并且看了一部电视连续剧（陈道明-手机），我很少看连续剧了，但是手机质量很高啊，各位可以看看。 我们今天先学习一下jquery mobile的基础知识，然后逐步进入移动开发吧。 我们这里再来看看响应式布局，我们是一个页面可以在不同的设备上使用，其实这在某些方面上是不太合适的。 因为我们移动端的事件不太一致，可能鼠标操作很方便的，用手就不行...
解决jquerymobile跳转页面白屏问题
10-31 391
方法一： .ui-page { -webkit-backface-visibility:hidden; } 方法二： $(document).bind("mobileinit",function(){ $.extend( $.mobile , { defaultPageTransition:'none' }); ...
jQuery Mobile使用中遇到的坑！填坑很难，但很有成就感。。
jessendsc的博客
08-25 2825
jQuery Mobile使用中遇到的坑！填坑很难，但很有成就感。。 最近参与到一个项目的前端开发中，为了提高用户体验使用到了jQuery Mobile。主要是用到了页面过渡效果，这种效果可以做到页面跳转的时候比较高大上，而且过渡的时候只加载dom，不用每次都加载css、js等，会在一定程度上提高页面加载速度。下面记录一下我在使用JM时遇到的莫名奇妙的坑。 1. 白屏问题 首先这问题很多人...
JQuery Mobile
weixin_30767921的博客
06-21 107
按钮可通过三种方法创建： 使用 <button> 元素 使用 <input> 元素 使用 data-role="button" 的 <a> 元素 data-role="button" 的 <a> 元素来创建页面之间的链接，而 <input> 或 <button> 元素用于表单提交。 行内按钮 默认情况下，...
解决JQuery Mobile切换页面白屏问题
空想
08-27 1719
$(document).bind("mobileinit", function(){ $.extend( $.mobile , { defaultPageTransition: 'none' }); });
jquery mobile日后开发可能会遇到的问题
weixin_33834679的博客
12-15 175
jQueryMobile开发时，遇到的一些问题记录一、动态加载页面问题1.存在这样一个页面布局： main.html 为主界面A,B为该页面中的三个page，其中A为splitview左部分页面，B为右半部页面 a1.html 为一个独立的页面 a2.html为一个独立的页面2.在main.html中有这样一段script $("#A1").live(...
phonegap+jquerymobile：页面跳转出现白屏的解决方案
不甘心的阿甘
12-28 6449
用phonegap+jquerymobile开发android程序时，不同的page跳转出现了白屏，很难看，也影响了用户体验。 1.对此jquerymobile官方给出的解决方案是： Important: Some platforms currently have issues with transitions. We are working on a solution to solv
h5手机返回按钮_H5 应用返回按钮的js代码设计，设计思想模仿stack
weixin_39981185的博客
02-01 450
history.back();这段代码有天然的缺陷，使用过的都知道，在H5的应用，特别是模仿手机应用的时候，这个不够用。特写了一段js来实现类似的功能，如有重复和不喜请轻喷。 不多说，上代码：/*** Created by piggsoft@163.com on 2015/5/28.*/var historyUtils = {add : function (url) {var historyArr...
jquery mobile中为页面添加返回按钮的两种方式
u013905744的专栏
08-10 3094
jquery mobile中为页面添加返回按钮的两种方式 data-add-back-btn=”true” data-rel=”back”
jquery 将li 标签data-id==1的元素追加样式
最新发布
05-30
其中，`$("li[data-id='1']")` 选中 data-id 属性值为 1 的 li 标签元素，`.addClass("your-class")` 则给选中的元素添加指定的 class 样式。你只需要将 `your-class` 替换成你想要添加的样式类名即可。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值