码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2015-08-26 15:42:12      阅读:163      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!