首页 > Web开发 > 详细

jQuery Mobile页面加载机制及页面跳转出现的问题

时间:2015-08-26 15:39:41      阅读:294      评论:0      收藏:0      [点我收藏+]

  实习也半个多月了,断断续续做了一些事情,虽然一开始有一些不开心,但是随着慢慢的了解感觉自己也是在慢慢的成长,也在慢慢的学习,很开心也很满足,希望可以一直这样下去。

  今天遇到了一个问题,主要就是我们公司首页的一个图片轮播的效果有一些问题:就是进入主页的时候,图片轮播正常,但是当我进入到其他页面的时候,点击其中的home按钮回到主页面的时候,图片的轮播功能就不行了,由于我们的系统使用jQuery Mobile做的,而且这个东西我也就接触才半个月(当初进公司的时候才学的),所以很多东西都不知道,也不了解其中的含义,后来我们公司的一位大牛级人物让我去了解一下jqm的页面加载机制可能会对解决问题有帮助,然后顺着他的话我就开始在百度上找一些相关的内容来看。

  jqm的页面加载机制不用我说我想百度上面的内容都多如牛毛,但是我还是把我自己的理解说出来,加深我的印象。jqm是采用Ajax的方式加载HTML中的元素,第一个页面也就是我们的主页是全部加载,包括head和body,但是第二个HTML页面只有body元素里面的带data-role = "page"的标签会被加载进去,其余的部分则不会被加载进来。因此,这就是为什么会出现我上述讲的那种情况发生,正因为加载的只有一部分元素,而我们自定义的js和css样式都木有加载进来,因此上面的轮播图片就会出现问题。我的解决办法是禁止页面以Ajax的方式加载:data-ajax = "false"。百度上还有其他答案就是将js和css代码放到<div data-role = "page"></div>的标签内,我想根据上面你的原理应该是可以解决问题的。

----------------------------------------------------------------------------------------------------------分----割----线--------------------------------------------------------------------------------------------------------------------------------------------------

第一次写博客随笔,心里好忐忑啊,不知道会不会有人说啊,不过还是希望大家有什么就说吧,我现在就是处于学习的阶段,任何人的一句话都会促进我的学习的。

jQuery Mobile页面加载机制及页面跳转出现的问题

原文:http://www.cnblogs.com/item-1148157/p/4760454.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!