当在
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-icon="arrow-l" data-infile="true" data-corners="true" data-iconshadow="false" data-transition="slide" data-direction="reverse">返回</a>