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 (十) jQueryUI常用功能实战
Feb 23 Javascript
DOM 高级编程
May 06 Javascript
基于jQuey实现鼠标滑过变色(整行变色)
Dec 07 Javascript
js实现精确到秒的倒计时效果
May 29 Javascript
jQuery 自定义下拉框(DropDown)附源码下载
Jul 22 Javascript
jQuery实现标签页效果实战(4)
Feb 08 Javascript
jquery实现左右滑动式轮播图
Mar 02 Javascript
Node.js实现连接mysql数据库功能示例
Sep 15 Javascript
jquery.picsign图片标注组件实例详解
Feb 02 jQuery
原生js实现3D轮播图
Mar 21 Javascript
JavaScript 双向链表操作实例分析【创建、增加、查找、删除等】
Apr 28 Javascript
node使用async_hooks模块进行请求追踪
Jan 28 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
rephactor 优秀的PHP的重构工具
2011/06/09 PHP
php中autoload的用法总结
2013/11/08 PHP
php判断字符串在另一个字符串位置的方法
2014/02/27 PHP
浅析php设计模式之数据对象映射模式
2016/03/03 PHP
js 第二代身份证号码的验证机制代码
2011/05/12 Javascript
JavaScript在for循环中绑定事件解决事件参数不同的情况
2014/01/20 Javascript
在JavaScript中构建ArrayList示例代码
2014/09/17 Javascript
AngularJS 自定义指令详解及示例代码
2016/08/17 Javascript
利用Vue.js指令实现全选功能
2016/09/08 Javascript
Angular 中 select指令用法详解
2016/09/29 Javascript
Angular2入门--架构总览
2017/03/29 Javascript
解决JQuery全选/反选第二次失效的问题
2017/10/11 jQuery
原生JavaScript实现Ajax异步请求
2017/11/19 Javascript
JavaScript实现求最大公共子串的方法
2018/02/03 Javascript
13 个npm 快速开发技巧(推荐)
2019/07/04 Javascript
Vue 按照创建时间和当前时间显示操作(刚刚,几小时前,几天前)
2020/09/10 Javascript
python基础入门学习笔记(Python环境搭建)
2016/01/13 Python
python实现读取excel写入mysql的小工具详解
2017/11/20 Python
浅谈Python采集网页时正则表达式匹配换行符的问题
2018/12/20 Python
Python3中_(下划线)和__(双下划线)的用途和区别
2019/04/26 Python
python multiprocessing模块用法及原理介绍
2019/08/20 Python
Python 将 QQ 好友头像生成祝福语的实现代码
2020/05/03 Python
美国猫狗药物和用品网站:PetCareRx
2017/01/05 全球购物
东南亚旅游平台:The Trip Guru
2018/01/01 全球购物
美国最大婚纱连锁店运营商:David’s Bridal
2019/03/12 全球购物
九年级科学教学反思
2014/01/29 职场文书
个人党性剖析材料
2014/02/03 职场文书
初中军训感想300字
2014/03/05 职场文书
感恩的演讲稿
2014/05/06 职场文书
车辆年审委托书范本
2014/09/18 职场文书
投标文件签署授权委托书范本
2014/10/12 职场文书
导游词范文
2015/02/13 职场文书
《1942》观后感
2015/06/08 职场文书
水浒传读书笔记
2015/06/25 职场文书
《伯牙绝弦》教学反思
2016/02/16 职场文书
python基础之文件处理知识总结
2021/05/23 Python