jQuery Mobile页面加载机制及页面跳转出现的问题
2017-03-15 18:32
525 查看
今天初步接触了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学会,同时也要知道轮子是怎么造的。
首先,这个简单的项目做到现在,再去用这个框架已经不合适了,但是有一些特效,一些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学会,同时也要知道轮子是怎么造的。
相关文章推荐
- jQuery Mobile页面加载机制及页面跳转出现的问题
- jQuery Mobile中的页面加载与跳转机制
- ios wkwebview 跳转到新的controllerview加载页面 出现闪退问题
- 关于jquery mobile使用<a href="#"></a>进行页面跳转返回上一页出现空白页问题的解决
- 多语言网店的产品详细页面跳转到购物车页面出现产品添加到购物车失败的问题的解决!!
- jQuery Mobile页面跳转后未加载外部JS原因分析及解决
- jquery mobile页面跳转 js无法加载的解决办法
- android解决初始加载页面出现带标题的页面问题
- struts2使用action跳转后的页面路径如果是相对路径的话会出现css、js以及图片等无法加载问题
- jquery mobile使用a标签跳转页面时页面未执行pageinit事件的问题
- JQuery Mobile 页面跳转后js不执行的问题(二)
- jquery mobile页面跳转后js不执行的问题
- jquery mobile开发中页面跳转后js不执行的问题
- .net MVC3使用jquery.mobile 解决页面二次跳转不加载的问题
- jquery mobile页面跳转后js不执行的问题
- 新手学EXT问题 页面单独运行没有问题 但是一经过struts2跳转 就出现问题了(转)
- jQuery Mobile 加载对话框页面时同名javascript函数冲突、覆盖问题
- jQuery Mobile页面跳转后未加载外部JS(转)
- jquery mobile开发中页面跳转后js不执行的问题
- jquery mobile页面跳转后js不执行的问题