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

今天初步接触了jQuery Mobile框架，简单总结一下

首先，这个简单的项目做到现在，再去用这个框架已经不合适了，但是有一些特效，一些jqm封装的效果还是值得拿来用一下的。

比如今天用到了jqm的触摸事件，用来处理轮播图片左右滑动很方便，但是原生js也要学会，弄懂。

遇到了几个问题，第一个问题，起初调用jqm框架的时候，没有加 data－role＝page，也没有将ready函数换成pageinit函数，导致所有的jq方法全部执行两遍。

第二个问题，关于jqm页面跳转和加载方式的问题，jqm是采用Ajax的方式加载HTML中的元素，第一个页面也就是我们的主页是全部加载，包括head和body，但是第二个HTML页面只有body元素里面的带data-role = "page"的标签会被加载进去，其余的部分则不会被加载进来。所以在跳转下一个没有调用jqm框架的页面会出现没有样式的问题，解决办法目前找到两个，第一个是禁止掉ajax，在a标签里添加 data－ajax＝false，但是相对应的jqm的跳转特效也就没有了，这个因人而异。第二个方法是将link写在加data－role＝”page“的标签里，在跳转页面的时候会加载进来。第二个方法目前没有尝试。

总之，要将jqm学会，同时也要知道轮子是怎么造的。