关于jquery mobile使用进行页面跳转返回上一页出现空白页问题的解决

当在  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>

返回上一个页面不会出现页面的例子
  <a href="index.php" data-role="button" data-ajax="false"  data-icon="arrow-l" data-infile="true" data-corners="true" data-iconshadow="false" data-transition="slide" data-direction="reverse">返回</a>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章