JqueryMobile链接一个页面,而链接页面中图片需刷新才显示的问题
2013-12-25 17:10
344 查看
当在first.html中,有个链接如:<a href="second.html" data-role="button" id="submit">登录</a>
而在second.html中,譬如我引用了highcharts这个jquery图表插件,会在second.html页面中生成一些图表。
可是这种情况,当我用chrome浏览器点击“登录”按钮时,链接到second页面,可是second页面的图表不会显示,需要刷新一下才能显示图表,于是我结合了phonegap,把此项目布到android手机中进行测试,也是如此。我很是郁闷,我后来换了360浏览器进行测试,虽然不支持jquerymobile框架主题样式显示,不过它链接过去能一下子出现图表的,而不需要刷新。对此,我就开始怀疑是否是浏览器链接加载页面的方式不一样的问题了。
反正中间耗费了很多时间去定位问题的所在。也是由于刚接触此类技术,并不是很精。后来想想还是追本还原,回到最起点,把jquerymobile的链接看了一下,有这么一段话:
Jquery Mobile支持所有标准的html格式,为了让体验更加流畅,Jquery Mobile会把同一个域下的所有指向页面的链接都会自动转为ajax请求,并且用动画的转场效果实现切换
指向别的域的链接或者是含有 rel="external", data-ajax="false" 属性的链接以及含有target属性的链接不会通过ajax加载,页面会整体被刷新。
对此,我就考虑到了,是否是因为chrome为了提高页面的加载速度,采用了ajax加载,页面不会整体被刷新。于是我就在button按钮上加上了data-ajax="false",然后果然行了。
正确的方式如下:<a href="second.html" data-role="button" id="submit" data-ajax="false" >登录</a>
而在second.html中,譬如我引用了highcharts这个jquery图表插件,会在second.html页面中生成一些图表。
可是这种情况,当我用chrome浏览器点击“登录”按钮时,链接到second页面,可是second页面的图表不会显示,需要刷新一下才能显示图表,于是我结合了phonegap,把此项目布到android手机中进行测试,也是如此。我很是郁闷,我后来换了360浏览器进行测试,虽然不支持jquerymobile框架主题样式显示,不过它链接过去能一下子出现图表的,而不需要刷新。对此,我就开始怀疑是否是浏览器链接加载页面的方式不一样的问题了。
反正中间耗费了很多时间去定位问题的所在。也是由于刚接触此类技术,并不是很精。后来想想还是追本还原,回到最起点,把jquerymobile的链接看了一下,有这么一段话:
Jquery Mobile支持所有标准的html格式,为了让体验更加流畅,Jquery Mobile会把同一个域下的所有指向页面的链接都会自动转为ajax请求,并且用动画的转场效果实现切换
指向别的域的链接或者是含有 rel="external", data-ajax="false" 属性的链接以及含有target属性的链接不会通过ajax加载,页面会整体被刷新。
对此,我就考虑到了,是否是因为chrome为了提高页面的加载速度,采用了ajax加载,页面不会整体被刷新。于是我就在button按钮上加上了data-ajax="false",然后果然行了。
正确的方式如下:<a href="second.html" data-role="button" id="submit" data-ajax="false" >登录</a>
相关文章推荐
- JqueryMobile链接一个页面,而链接页面中图片需刷新才显示的问题
- JqueryMobile链接一个页面,而链接页面中图片需刷新才显示的问题
- JqueryMobile链接一个页面,而链接页面中图片需刷新才显示的问题
- JqueryMobile链接一个页面,而链接页面中图片需刷新才显示的问题
- JqueryMobile链接一个页面,而链接页面中图片需刷新才显示的问题
- 针对这一段时间ASP.NET版中比较集中突出的问题,我写了一个完整的页面,包含显示/修改/删除/添加/排序/合并/写文件/显示图片或文档,有详细代码注释
- Android系统自带的一个图片剪裁页面裁剪后有黑边问题
- Jquery easyui datagrid在IE 9浏览器下,删除数据后,页面刷新数据仍显示的问题。
- 一个ASP.NET母板页图片显示问题
- 一个坑爹的问题,js注释掉夹杂的el表达式页面不显示(代码颜色坑了我)
- 关于更换验证码图片不刷新页面问题
- 火狐、谷歌浏览器,页面中两个iframe 只显示一个的问题
- AngularJS进阶(二十八)解决AngualrJS页面刷新导致异常显示问题
- 【一个挺蠢的小东西= =】页面展示富文本编辑器的图片的适配尺寸问题
- FancyCoverFlow——一个页面显示多张图片,中间大,两边小
- 同一个页面两个frame ,当前一个刷新或者更换链接时,另外一个刷新
- spring boot实现上传图片并在页面上显示及遇到的问题小结
- 一个手机自适应的网页效果解决显示页面很小的问题
- 页面验证码的显示与点击刷新问题
- 一个手机自适应的网页效果解决显示页面很小的问题