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

  实习也半个多月了,断断续续作了一些事情,虽然一开始有一些不开心,可是随着慢慢的了解感受本身也是在慢慢的成长,也在慢慢的学习,很开心也很知足,但愿能够一直这样下去。css

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

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

----------------------------------------------------------------------------------------------------------分----割----线--------------------------------------------------------------------------------------------------------------------------------------------------图片

第一次写博客随笔,内心好忐忑啊,不知道会不会有人说啊,不过仍是但愿你们有什么就说吧,我如今就是处于学习的阶段,任何人的一句话都会促进个人学习的。博客

相关文章
相关标签/搜索