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

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

　　今天遇到了一个问题，主要就是我们公司首页的一个图片轮播的效果有一些问题：就是进入主页的时候，图片轮播正常，但是当我进入到其他页面的时候，点击其中的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>的标签内，我想根据上面你的原理应该是可以解决问题的。

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

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

转载于:https://www.cnblogs.com/item-1148157/p/4760454.html