关于jquery mobile使用<a href="#"></a>进行页面跳转返回上一页出现空白页问题的解决

jQuery Mobile自动将相同域内的链接转化为AJAX请求,造成页面部分刷新,导致返回时可能出现空白页。为避免此问题,可以在返回按钮上添加`data-ajax="false"`属性,尽管这会使按钮原有设置失效。
摘要由CSDN通过智能技术生成
当在   Jquery Mobile支持所有标准的html格式,为了让体验更加流畅,Jquery Mobile会把同一个域下的所有指向页面的链接都会自动转为ajax请求,并且用动画的转场效果实现切换
指向别的域的链接或者是含有 rel="external", data-ajax="false" 属性的链接以及含有target属性的链接不会通过ajax加载,页面才会整体被刷新。否则由于chrome为了提高页面的加载速度,采用了ajax加载,页面不会整体被刷新。只有局部的会刷新,所以导致链接返回上一个页面的时候出现了空白页面的情况,因此,只要在button按钮上加上data-ajax="false",在返回上一个页面就不会再出现空白页面的问题,不过这样也会使之前为该button设置的所有属性失效
原来返回上一个页面会出现空白页的例子
 <a href="index.php" data-role="button" data-icon="arrow-l" data-infile="true" data-corners="true" data-iconshadow="false" data-transition="slide" data-direction="reverse">返回</a>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值