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 相关文章推荐
javascript最常用与实用的创建类的代码
Aug 12 Javascript
jQuery Trim去除字符串首尾空字符的实现方法说明
Feb 11 Javascript
jQuery使用after()方法在元素后面添加多项内容的方法
Mar 26 Javascript
jquery实现可横向和竖向展开的动态下滑菜单效果
Aug 24 Javascript
Bootstrap弹出框modal上层的输入框不能获得焦点问题的解决方法
Dec 13 Javascript
详解vue.js组件化开发实践
Dec 14 Javascript
html5 canvas 详细使用教程
Jan 20 Javascript
微信小程序实现红包功能(后端PHP实现逻辑)
Jul 11 Javascript
微信公众平台 客服接口发消息的实现代码(Java接口开发)
Apr 17 Javascript
基于layPage插件实现两种分页方式浅析
Jul 27 Javascript
CentOS 8.2服务器上安装最新版Node.js的方法
Dec 16 Javascript
浅谈react路由传参的几种方式
Mar 23 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
PHP浮点数精度问题汇总
2015/05/13 PHP
php版微信公众平台之微信网页登陆授权示例
2016/09/23 PHP
Yii框架安装简明教程
2020/05/15 PHP
JavaScript 全角转半角部分
2009/10/28 Javascript
jQuery 学习6 操纵元素显示效果的函数
2010/02/07 Javascript
使用jQuery的easydrag插件实现可拖动的DIV弹出框
2016/02/19 Javascript
jQuery简单动画变换效果实例分析
2016/07/04 Javascript
PHP捕捉异常中断的方法
2016/10/24 Javascript
node.js基于mongodb的搜索分页示例
2017/01/22 Javascript
详解vue-router 2.0 常用基础知识点之router-link
2017/05/10 Javascript
微信小程序富文本渲染引擎的详解
2017/09/30 Javascript
vue+swiper实现组件化开发的实例代码
2017/10/26 Javascript
vue实现a标签点击高亮方法
2018/03/17 Javascript
通过webpack引入第三方库的方法
2018/07/20 Javascript
js中位运算的运用实例分析
2018/12/11 Javascript
JavaScript实现的3D旋转魔方动画效果实例代码
2019/07/31 Javascript
layui use 定义js外部引用函数的方法
2019/09/26 Javascript
js实现数字滚动特效
2019/12/16 Javascript
js实现拾色器插件(ColorPicker)
2020/05/21 Javascript
ES6箭头函数和扩展实例分析
2020/05/23 Javascript
Vue实现菜单切换功能
2020/11/08 Javascript
node中短信api实现验证码登录的示例代码
2021/01/20 Javascript
python实现定时同步本机与北京时间的方法
2015/03/24 Python
Python获取系统默认字符编码的方法
2015/06/04 Python
python3+dlib实现人脸识别和情绪分析
2018/04/21 Python
python pcm音频添加头转成Wav格式文件的方法
2019/01/09 Python
Jupyter notebook在mac:linux上的配置和远程访问的方法
2019/01/14 Python
python flask 如何修改默认端口号的方法步骤
2019/07/12 Python
Java多线程实现四种方式原理详解
2020/06/02 Python
Django配置跨域并开发测试接口
2020/11/04 Python
Canvas实现贝赛尔曲线轨迹动画的示例代码
2019/04/25 HTML / CSS
美国棒球装备和用品商店:Baseball Savings
2018/06/09 全球购物
英国最大的运动营养公司之一:LA Muscle
2018/07/02 全球购物
会计专业自我鉴定
2014/02/10 职场文书
维稳承诺书
2015/01/20 职场文书
Spring Boot 排除某个类加载注入IOC的操作
2021/08/02 Java/Android