jQuery Mobile页面跳转后未加载外部JS原因分析及解决
2013-08-22 23:22
375 查看
在使用jQuery Mobile进行Web开发中,当页面跳转时(pageA => pageB),在pageB中引用的JS并未成功运行。因为,JQM并为将整个页面加载到当前的dom中,仅将data-role="page"元素加入当前的dom中。
因此,在<head>中引入的外部JS文件,以及<page>标签外的JS均不能正常运行,刷新页面后方可加载成功。
鉴于JQM这个特性不太可能主动更改,可以用两种方法来解决: 一是在index页面中,注册所有需要使用到的外部JS文件,或者使用母版页面来统一; 二是将页面内部JS写在data-role="page"标签下,这样无论页面怎样跳转,均可以运行。
因此,在<head>中引入的外部JS文件,以及<page>标签外的JS均不能正常运行,刷新页面后方可加载成功。
鉴于JQM这个特性不太可能主动更改,可以用两种方法来解决: 一是在index页面中,注册所有需要使用到的外部JS文件,或者使用母版页面来统一; 二是将页面内部JS写在data-role="page"标签下,这样无论页面怎样跳转,均可以运行。
相关文章推荐
- jQuery Mobile页面跳转后未加载外部JS原因分析及解决
- jQuery Mobile页面跳转后未加载外部JS原因分析及解决
- jQuery Mobile页面跳转后未加载外部JS原因分析及解决
- jQuery Mobile页面跳转后未加载外部JS原因分析及解决
- jQuery Mobile页面跳转后未加载JS解决办法
- jQuery Mobile页面跳转后未加载外部JS
- jquery mobile页面跳转 js无法加载的解决办法
- jQuery Mobile页面跳转后未加载外部JS(转)
- jQuery Mobile页面跳转后未加载外部JS
- jQuery Mobile页面跳转导致css、js失效原因及解决方法
- 解决HTML加载时,外部js文件引用较多,影响页面打开速度问题
- jquery mobile页面跳转后样式丢失js失效的解决方法
- wap开发使用jquery mobile之后页面不加载外部css样式文件/js文件
- 解决HTML加载时,外部js文件引用较多,影响页面打开速度问题
- jquery mobile页面跳转后样式丢失js失效的解决方法
- dedecms文章跳转属性打开后页面空白原因分析及解决
- jquery mobile页面跳转后,JS无效的原因及解决方案
- jQuery Mobile页面跳转后,无法加载js中的方法
- 黄聪:jquery mobile通过a标签页面跳转后,样式丢失、js失效的解决方法
- 页面在IDEA项目目录不能正确加载css/js等文件的解决方法