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 使用手册(五)
Sep 23 Javascript
Javascript 中创建自定义对象的方法汇总
Dec 04 Javascript
jQuery手机浏览器中拖拽动作的艰难性分析
Feb 04 Javascript
DIV随滚动条滚动而滚动的实现代码【推荐】
Apr 12 Javascript
浅析Javascript ES6中的原生Promise
Aug 25 Javascript
JavaScript取得gridview中获取checkbox选中的值
Jul 24 Javascript
js读取本地文件的实例
Dec 22 Javascript
js实现控制文件拖拽并获取拖拽内容功能
Feb 17 Javascript
详解Vue-cli webpack移动端自动化构建rem问题
Apr 07 Javascript
原生JS实现手动轮播图效果实例代码
Nov 22 Javascript
Vue触发式全局组件构建的方法
Nov 28 Javascript
详解webpack4之splitchunksPlugin代码包分拆
Dec 04 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 获取文件权限函数介绍
2013/07/11 PHP
PHP中应该避免使用同名变量(拆分临时变量)
2015/04/03 PHP
php如何控制用户对图片的访问 PHP禁止图片盗链
2016/03/25 PHP
javascript实现的网页局布刷新效果
2008/12/01 Javascript
defer属性导致引用JQuery的页面报“浏览器无法打开网站xxx,操作被中止”错误的解决方法
2010/04/27 Javascript
理解Javascript_06_理解对象的创建过程
2010/10/15 Javascript
jquery实现div阴影效果示例代码
2013/09/16 Javascript
Javascript基础 函数“重载” 详细介绍
2013/10/25 Javascript
jqueyr判断checkbox组的选中(示例代码)
2013/11/08 Javascript
浅谈Javascript实现继承的方法
2015/07/06 Javascript
探讨JavaScript标签位置的存放与功能有无关系
2016/01/15 Javascript
完美解决jQuery fancybox ie 无法显示关闭按钮的问题
2016/11/29 Javascript
实例解析jQuery中如何取消后续执行内容
2016/12/01 Javascript
利用JS对iframe父子(内外)页面进行操作的方法教程
2017/06/15 Javascript
jQuery 1.9版本以上的浏览器判断方法代码分享
2017/08/28 jQuery
Angular简单验证功能示例
2017/12/22 Javascript
用node撸一个监测复联4开售短信提醒的实现代码
2019/04/10 Javascript
Jquery 动态添加元素并添加点击事件实现过程解析
2019/10/12 jQuery
webpack+express实现文件精确缓存的示例代码
2020/06/11 Javascript
[02:49]DOTA2完美大师赛首日观众采访
2017/11/23 DOTA
python用插值法绘制平滑曲线
2021/02/19 Python
Python操作qml对象过程详解
2019/09/26 Python
Python集成开发工具Pycharm的安装和使用详解
2020/03/18 Python
详解Python直接赋值,深拷贝和浅拷贝
2020/07/09 Python
python 简单的调用有道翻译
2020/11/25 Python
详解CSS的border边框属性及其在CSS3中的新特性
2016/05/10 HTML / CSS
受希腊女神灵感的晚礼服、鸡尾酒礼服和婚纱:THEIA
2018/04/15 全球购物
如何减少垃圾回收让内存更加有效使用
2013/10/18 面试题
医德医风演讲稿
2014/05/20 职场文书
酒店管理毕业生自荐信
2014/05/25 职场文书
禁止酒驾标语
2014/06/25 职场文书
2015年预防青少年违法犯罪工作总结
2015/05/22 职场文书
幼儿园小班班务总结
2015/08/03 职场文书
体育部部长竞选稿
2015/11/21 职场文书
MySQL获取所有分类的前N条记录
2021/05/07 MySQL
ssh服务器拒绝了密码 请再试一次已解决(亲测有效)
2022/08/14 Servers