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 相关文章推荐
分享10篇优秀的jQuery幻灯片制作教程及应用案例
Apr 16 Javascript
javascript学习笔记(二) js一些基本概念
Jun 18 Javascript
javascript的解析执行顺序在各个浏览器中的不同
Mar 17 Javascript
jquery预加载图片的方法
May 27 Javascript
javascript实现很浪漫的气泡冒出特效
Sep 05 Javascript
jQuery查找节点方法完整实例
Sep 13 Javascript
Bootstrap select实现下拉框多选效果
Dec 23 Javascript
js中开关变量使用实例
Feb 24 Javascript
Vue多种方法实现表头和首列固定的示例代码
Feb 02 Javascript
JavaScript实现的文本框placeholder提示文字功能示例
Jul 25 Javascript
vuex 动态注册方法 registerModule的实现
Jul 03 Javascript
bootstrap+spring boot实现面包屑导航功能(前端代码)
Oct 09 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
暴雪前总裁遗憾:没尽早追赶Dota 取消星际争霸幽灵
2020/03/08 星际争霸
PHP网站安装程序制作的原理、步骤、注意事项和示例代码
2010/08/01 PHP
php压缩HTML函数轻松实现压缩html/js/Css及注意事项
2013/01/27 PHP
php switch语句多个值匹配同一代码块的实现
2014/03/03 PHP
PHP+JS实现大规模数据提交的方法
2015/07/02 PHP
JS实现仿Windows7风格的网页右键菜单效果代码
2015/09/11 Javascript
Bootstrap每天必学之媒体对象
2015/11/30 Javascript
Js查找字符串中出现次数最多的字符及个数实例解析
2016/09/05 Javascript
微信小程序 删除项目工程实现步骤
2016/11/10 Javascript
JS小数转换为整数的方法分析
2017/01/07 Javascript
利用js判断手机是否安装某个app的多种方案
2017/02/13 Javascript
jQuery的$.extend 浅拷贝与深拷贝
2017/03/08 Javascript
JavaScript判断输入是否为数字类型的方法总结
2017/09/28 Javascript
JS设计模式之单例模式(一)
2017/09/29 Javascript
细说webpack源码之compile流程-入口函数run
2017/12/26 Javascript
jQuery length 和 size()区别总结
2018/04/26 jQuery
Javascript 之封装(Package)
2018/09/14 Javascript
JavaScript禁用右键单击优缺点分析
2019/01/20 Javascript
JavaScript自动生成 年月范围 选择功能完整示例【基于jQuery插件】
2019/09/03 jQuery
javascript执行上下文、变量对象实例分析
2020/04/25 Javascript
JS call()及apply()方法使用实例汇总
2020/07/11 Javascript
python复制文件代码实现
2013/12/23 Python
使用python编写简单的小程序编译成exe跑在win10上
2018/01/15 Python
Python2与Python3的区别实例总结
2019/04/17 Python
pycharm新建一个python工程步骤
2019/07/16 Python
亚瑟士美国官网:ASICS美国
2017/02/01 全球购物
幼师专业毕业生自荐信
2013/09/29 职场文书
校园奶茶店创业计划书
2014/01/23 职场文书
招聘与培训专员岗位职责
2014/01/30 职场文书
出纳会计岗位职责
2014/03/12 职场文书
家长对孩子的评语
2014/04/18 职场文书
建筑施工安全责任书
2014/07/24 职场文书
房屋产权共有协议书范本
2014/11/03 职场文书
公文格式,规则明细(新手收藏)
2019/07/23 职场文书
如何用PHP实现多线程编程
2021/05/26 PHP
Win11 Build 25179预览版发布(附更新内容+ISO官方镜像下载)
2022/08/14 数码科技