最近在做一个项目,由于涉及到跨平台性,所以采用了jquerymobile这个框架,在开发过程中,一开始为了图测试方便,采用了chrome浏览器来测试运行。现叙述如下问题:
当在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>
分享到:
相关推荐
jquery mobile界面数据刷新jquery mobile界面数据刷新
jQuery mobile新闻图片一样的显示图片
jQuery mobile相册的一种样式
jQuery mobile图片截图,多种模式
Jquery Mobile中的按钮,学习Jquery Mobile中的简单Jquery Mobile
jQuery mobile动态的图片变化
1.jQuery Mobile 是一个用于创建移动端web应用的的前端框架。 2.jQuery Mobile 构建于 jQuery 以及 jQuery UI类库之上,如果您了解 jQuery,您可以很容易的学习 jQuery Mobile。 3.jQuery Mobile 使用了极少的 ...
jQuery mobile图片放大技术,多种放大模式
jQuery Mobile是jQuery框架的一个组件(而非jquery的移动版本)。jQuery Mobile是一款基于HTML5的用户界面系统,旨在使所有智能手机,平板电脑和桌面设备上都可以访问的响应网站和应用。jQuery Mobile 不仅会给主流...
用jquerymobile开发时,两个页面间跳转往往需要传递参数,此文档是代码示例
jQuery mobile相册,其中一种模式
jquery mobile图片轮播插件,兼容性已解决~
jquery mobile 图片轮换 html5 可以有用google等浏览器测试,test.html是普通的图片轮换,test1.html是html5图片轮换,按住右键向右或者向左滑动且滑动的距离大于等于30px。 1.向右滑动,图片停留,任意点图片之外...
jquery刷新页面和JS常用的函数。另外jQuery实现跨域调用的问题可以联系我。
jQuery mobile带图片的导航,与普通新闻较为简洁
JqueryMobile常见问题整理 跳转时重复调用pageinit方法的解决办法 页面跳转后样式丢失js失效
资源名称:jQuery、jQuery UI及jQuery Mobile技巧与示例内容简介:《jQuery、jQuery UI及jQuery Mobile技巧与示例》包括jQuery、jQuery UI、jQuery Mobile以及jQuery插件四部分内容。第一部分介绍jQuery核心库,从...
本程序是用Jquery实现网页的定时刷新的程序,简单一眼就可以看清楚。易懂。
jquery mobile中文手册,详细介绍了jquery mobile的相关知识。
资源名称:jQuery Mobile参考手册 中文CHM版 内容简介:jQuery Mobile 是一个用于创建移动端web应用的的前端框架。jQuery Mobile 是针对触屏智能手机与平板电脑的网页开发框架。jQuery Mobile 工作与所有主流的智能...