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 相关文章推荐
JS target与currentTarget区别说明
Aug 28 Javascript
基于jQuery全屏焦点图左右切换插件responsiveslides
Sep 07 Javascript
JS基于Mootools实现的个性菜单效果代码
Oct 21 Javascript
jquery ajax分页插件的简单实现
Jan 27 Javascript
BootStrap智能表单实战系列(十一)级联下拉的支持
Jun 13 Javascript
jQuery实现单击按钮遮罩弹出对话框效果(1)
Feb 20 Javascript
微信小程序实现顶部普通选项卡效果(非swiper)
Jun 19 Javascript
微信小程序日历效果
Dec 29 Javascript
详解微信小程序胶囊按钮返回|首页自定义导航栏功能
Jun 14 Javascript
微信小程序里引入SVG矢量图标的方法
Sep 20 Javascript
搭建Vue从Vue-cli到router路由护卫的实现
Nov 14 Javascript
Vue 解决在element中使用$notify在提示信息中换行问题
Nov 11 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 使用post,get的一种简洁方式
2010/04/25 PHP
PHP学习笔记 (1) 环境配置与代码调试
2011/06/19 PHP
解析PHP中的内存管理,PHP动态分配和释放内存
2013/06/28 PHP
弹出模态框modal的实现方法及实例
2017/09/19 PHP
PHPExcel 修改已存在Excel的方法
2018/05/03 PHP
javascript实现的距离现在多长时间后的一个格式化的日期
2009/10/29 Javascript
jquery ajax 同步异步的执行示例代码
2010/06/23 Javascript
JS 获取滚动条高度示例代码
2013/10/24 Javascript
JavaScript严格模式禁用With语句的原因
2014/10/20 Javascript
jQuery实现仿百度首页滑动伸缩展开的添加服务效果代码
2015/09/09 Javascript
js实现的后台左侧管理菜单代码
2015/09/11 Javascript
详解Bootstrap创建表单的三种格式(一)
2016/01/04 Javascript
Node.js的Koa框架上手及MySQL操作指南
2016/06/13 Javascript
Vue.js的复用组件开发流程完整记录
2018/11/29 Javascript
vue中实现拖动调整左右两侧div的宽度的示例代码
2020/07/22 Javascript
python3实现基于用户的协同过滤
2018/05/31 Python
深入理解python中sort()与sorted()的区别
2018/08/29 Python
Python如何使用字符打印照片
2020/01/03 Python
Python ini文件常用操作方法解析
2020/04/26 Python
AVIS安飞士奥地利租车官网:提供奥地利、欧洲和全世界汽车租赁
2016/11/29 全球购物
印尼网上商店:Alfacart.com
2019/03/11 全球购物
美国最佳选择产品网站:Best Choice Products
2019/05/27 全球购物
美国知名的隐形眼镜电商:Contacts America
2019/11/19 全球购物
C语言中break与continue的区别
2012/07/12 面试题
写好自荐信的技巧
2013/11/08 职场文书
学生自我鉴定
2013/12/18 职场文书
保安岗位职责
2014/02/21 职场文书
解除劳动合同协议书范本
2014/04/14 职场文书
体育课课后反思
2014/04/24 职场文书
建筑安全生产目标责任书
2014/07/23 职场文书
简历自荐信范文
2015/03/09 职场文书
初中毕业感言300字
2015/07/31 职场文书
党员学习中国梦心得体会
2016/01/05 职场文书
2019辞职报告范本3篇!
2019/07/23 职场文书
2019年农民幸福观调查的实践感悟
2019/12/19 职场文书
python flask框架快速入门
2021/05/14 Python