jQuery Mobile页面跳转后未加载外部JS原因分析及解决


Posted in Javascript onMarch 18, 2013

在使用jQuery Mobile进行Web开发中,当页面跳转时(pageA => pageB),在pageB中引用的JS并未成功运行。因为,JQM并为将整个页面加载到当前的dom中,仅将data-role="page"元素加入当前的dom中。

因此,在<head>中引入的外部JS文件,以及<page>标签外的JS均不能正常运行,刷新页面后方可加载成功。

鉴于JQM这个特性不太可能主动更改,可以用两种方法来解决
一是在index页面中,注册所有需要使用到的外部JS文件,或者使用母版页面来统一;
二是将页面内部JS写在data-role="page"标签下,这样无论页面怎样跳转,均可以运行。

Javascript 相关文章推荐
jquery 查找select ,并触发事件的实现代码
Mar 30 Javascript
Node.js:Windows7下搭建的Node.js服务(来玩玩服务器端的javascript吧,这可不是前端js插件)
Jun 27 Javascript
jQuery标签替换函数replaceWith()的使用例子
Aug 28 Javascript
jQuery固定浮动侧边栏实现思路及代码
Sep 28 Javascript
JavaScript基本数据类型及值类型和引用类型
Aug 25 Javascript
基于JavaScript实现右键菜单和拖拽功能
Nov 28 Javascript
原生javascript实现图片放大镜效果
Jan 18 Javascript
关于vuex的学习实践笔记
Apr 05 Javascript
关于angularJs清除浏览器缓存的方法
Nov 28 Javascript
Vue中添加手机验证码组件功能操作方法
Dec 07 Javascript
Vue.js 十五分钟入门图文教程
Sep 12 Javascript
js数组的基本使用总结
Jan 18 Javascript
jquery.blockUI.js上传滚动等待效果实现思路及代码
Mar 18 #Javascript
jQuery用unbind方法去掉hover事件及其他方法介绍
Mar 18 #Javascript
JQuery的read函数与js的onload不同方式实现
Mar 18 #Javascript
js前台分页显示后端JAVA数据响应
Mar 18 #Javascript
侧栏跟随滚动的简单实现代码
Mar 18 #Javascript
JS特权方法定义作用以及与公有方法的区别
Mar 18 #Javascript
Javascript判断对象是否相等实现代码
Mar 18 #Javascript
You might like
原生javascript实现图片轮播效果代码
2010/09/03 Javascript
CSS鼠标响应事件经过、移动、点击示例介绍
2013/09/04 Javascript
javascript打印html内容功能的方法示例
2013/11/28 Javascript
javascript禁止超链接跳转的方法
2016/02/02 Javascript
jquery 无限极下拉菜单的简单实例(精简浓缩版)
2016/05/31 Javascript
node.js cookie-parser 中间件介绍
2016/06/06 Javascript
原生js实现放大镜
2017/02/20 Javascript
js中document.referrer实现移动端返回上一页
2017/02/22 Javascript
jQuery模拟窗口抖动效果
2017/03/15 Javascript
值得分享和收藏的xmlplus组件学习教程
2017/05/05 Javascript
jQuery操作css样式
2017/05/15 jQuery
node.js学习之事件模块Events的使用示例
2017/09/28 Javascript
详解JavaScript中的强制类型转换
2019/04/15 Javascript
vue模仿网易云音乐的单页面应用
2019/04/24 Javascript
jquery 回调操作实例分析【回调成功与回调失败的情况】
2019/09/27 jQuery
vue开发简单上传图片功能
2020/06/30 Javascript
[01:34]传奇从这开始 2016国际邀请赛中国区预选赛震撼开启
2016/06/26 DOTA
[52:03]Secret vs VG 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
[05:08]DOTA2-DPC中国联赛3月6日Recap集锦
2021/03/11 DOTA
Python 文件操作技巧(File operation) 实例代码分析
2008/08/11 Python
Python获取脚本所在目录的正确方法
2014/04/15 Python
Python random模块常用方法
2014/11/03 Python
利用aardio给python编写图形界面
2017/08/21 Python
创建pycharm的自定义python模板方法
2018/05/23 Python
Python文件常见操作实例分析【读写、遍历】
2018/12/10 Python
互斥锁解决 Python 中多线程共享全局变量的问题(推荐)
2020/09/28 Python
html5 拖拽上传图片实例演示
2013/04/01 HTML / CSS
加拿大百叶窗和窗帘定制网站:Blinds
2017/01/30 全球购物
美国电视购物:QVC
2017/02/06 全球购物
销售人员职业生涯规划范文
2014/03/01 职场文书
社区优秀志愿者先进事迹
2014/05/09 职场文书
校车安全责任书
2014/08/25 职场文书
爱心助学感谢信
2015/01/21 职场文书
自主招生专家推荐信
2015/03/26 职场文书
遗愿清单观后感
2015/06/09 职场文书
一文了解MySQL二级索引的查询过程
2022/02/24 MySQL