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常用对象的方法和属性小结
Jan 24 Javascript
jquery submit ie6下失效的原因分析及解决方法
Nov 15 Javascript
JavaScript原生对象之String对象的属性和方法详解
Mar 13 Javascript
Webpack 实现 Node.js 代码热替换
Oct 22 Javascript
jQuery 3 中的新增功能汇总介绍
Jun 12 Javascript
AngularJS使用自定义指令替代ng-repeat的方法
Sep 17 Javascript
浅谈js常用内置方法和对象
Sep 24 Javascript
js无提示关闭浏览器窗口的两种方法分析
Nov 06 Javascript
Javascript基础回顾之(三) js面向对象
Jan 31 Javascript
JS实现的计数排序与基数排序算法示例
Dec 04 Javascript
node.js+express+mySQL+ejs+bootstrop实现网站登录注册功能
Jan 12 Javascript
vue实现列表滚动的过渡动画
Jun 29 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
基于mysql的bbs设计(五)
2006/10/09 PHP
php截取html字符串及自动补全html标签的方法
2015/01/15 PHP
初识laravel5
2015/03/02 PHP
ThinkPHP开发框架函数详解:C方法
2015/08/14 PHP
零基础学JavaScript最新动画教程+iso光盘下载
2008/01/22 Javascript
使用基于jquery的gamequery插件做JS乒乓球游戏
2011/07/31 Javascript
jquery miniui 教程 表格控件 合并单元格应用
2012/11/25 Javascript
iframe子页面获取父页面元素的方法
2013/11/05 Javascript
浅谈JavaScript function函数种类
2014/12/29 Javascript
javascript实现3D变换的立体圆圈实例
2015/08/06 Javascript
js实现的二分查找算法实例
2016/01/21 Javascript
JS简单实现String转Date的方法
2016/03/02 Javascript
通过正则表达式获取url中参数的简单实现
2016/06/07 Javascript
微信小程序 数据封装,参数传值等经验分享
2017/01/09 Javascript
Python pyinotify日志监控系统处理日志的方法
2018/03/08 Python
用PyInstaller把Python代码打包成单个独立的exe可执行文件
2018/05/26 Python
python生成密码字典的方法
2018/07/06 Python
Python闭包思想与用法浅析
2018/12/27 Python
对python dataframe逻辑取值的方法详解
2019/01/30 Python
使用Python实现将list中的每一项的首字母大写
2019/06/11 Python
python解析yaml文件过程详解
2019/08/30 Python
Python 正则表达式爬虫使用案例解析
2019/09/23 Python
python基于gevent实现并发下载器代码实例
2019/11/01 Python
Python selenium使用autoIT上传附件过程详解
2020/05/26 Python
keras-siamese用自己的数据集实现详解
2020/06/10 Python
基于python实现操作redis及消息队列
2020/08/27 Python
Css3实现无缝滚动防抖
2020/09/14 HTML / CSS
英国历史最悠久的DJ设备供应商:DJ Finance、DJ Warehouse、The DJ Shop
2019/09/04 全球购物
大学生就业推荐信范文
2013/11/29 职场文书
超级搞笑检讨书
2014/01/15 职场文书
报社实习生自荐信
2014/01/24 职场文书
农林环境专业求职信
2014/03/13 职场文书
工程索赔意向书
2014/08/30 职场文书
保险公司反洗钱宣传活动总结
2015/05/08 职场文书
婚礼答谢词范文
2015/09/29 职场文书
Java 轮询锁使用时遇到问题
2022/05/11 Java/Android