jQuery Mobile页面加载机制及页面跳转出现的问题
来源:互联网 发布:高尔夫7原厂轮毂数据 编辑:程序博客网 时间:2024/06/06 04:56
今天初步接触了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学会,同时也要知道轮子是怎么造的。
0 0
- jQuery Mobile页面加载机制及页面跳转出现的问题
- jquery mobile页面跳转 js无法加载的解决办法
- jQuery Mobile-页面跳转
- jquery mobile页面跳转后js不执行的问题
- Jquery mobile页面跳转js无法执行的问题
- jquery mobile ajax页面跳转出现(error load page的错误)及js与css失效的说明和处理
- PhoneGap+jQuery mobile下,页面切换出现的闪烁问题。
- PhoneGap+jQuery mobile下,页面切换出现的闪烁问题。
- jQuery Mobile页面跳转后未加载外部JS原因分析及解决
- jQuery Mobile页面跳转后未加载外部JS原因分析及解决
- 关于jquery mobile使用<a href="#"></a>进行页面跳转返回上一页出现空白页问题的解决
- jQuery Mobile页面跳转后未加载外部JS
- jQuery Mobile页面跳转后未加载外部JS
- jQuery Mobile页面跳转后,无法加载js中的方法
- jQuery Mobile页面跳转后未加载JS解决办法
- jquery mobile使用a标签跳转页面时页面未执行pageinit事件的问题
- jquery mobile 页面问题
- jQuery mobile开发之页面(链接)跳转刷新问题
- 排序算法之快速排序
- uboot下init_sequence_f函数之setup_reloc
- Matplotlib直方图和四方图
- poj1716Integer Intervals
- 线程常用的方法
- jQuery Mobile页面加载机制及页面跳转出现的问题
- Spring 查找hibernate映射文件:mappingResources、mappingLocations、mappingDirectoryLocations与mappingJarLocatio
- 游戏开发完整学习路线
- thinkphp表单令牌防止重复提交
- 函数的默认实参
- 使用RecyclerView展示瀑布流的效果
- uboot下init_sequence_f函数之copy_uboot_to_ram
- synchronized同步代码块
- Android 内存溢出与内存泄漏的简单分析与解决