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获取scrollHeight问题想到的标准问题
May 27 Javascript
jquery判断字符输入个数(数字英文长度记为1,中文记为2,超过长度自动截取)
Oct 15 Javascript
读jQuery之十一 添加事件核心方法
Jul 31 Javascript
js修改input的type属性问题探讨
Oct 12 Javascript
javascript中expression的用法整理
May 13 Javascript
jQuery中size()方法用法实例
Dec 27 Javascript
Bootstrap Table使用方法详解
Aug 01 Javascript
基于jQuery实现的打字机效果
Jan 16 Javascript
Javascript中JSON数据分组优化实践及JS操作JSON总结
Dec 22 Javascript
JS中this的指向以及call、apply的作用
May 06 Javascript
ant-design-vue 时间选择器赋值默认时间的操作
Oct 27 Javascript
linux服务器快速卸载安装node环境(简单上手)
Feb 22 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支持断点续传的源码
2010/05/16 PHP
PHP实现简单数字分页效果
2015/07/26 PHP
基于JavaScript实现继承机制之调用call()与apply()的方法详解
2013/05/07 Javascript
jquery ajax post提交数据乱码
2013/11/05 Javascript
js实现登陆遮罩效果的方法
2015/07/28 Javascript
jquery分隔Url的param方法(推荐)
2016/05/25 Javascript
AngularJS 输入验证详解及实例代码
2016/07/28 Javascript
JavaScript九九乘法口诀表的简单实现
2016/10/04 Javascript
原生JS实现幻灯片
2017/02/22 Javascript
微信小程序开发之animation循环动画实现的让云朵飘效果
2017/07/14 Javascript
JavaScript 中使用 Generator的方法
2017/12/29 Javascript
layui当点击文本框时弹出选择框,显示选择内容的例子
2019/09/02 Javascript
antd vue table跨行合并单元格,并且自定义内容实例
2020/10/28 Javascript
[01:38]完美世界DOTA2联赛PWL S3 集锦第四期
2020/12/21 DOTA
Python Flask基础教程示例代码
2018/02/07 Python
python 删除指定时间间隔之前的文件实例
2018/04/24 Python
kaggle+mnist实现手写字体识别
2018/07/26 Python
django模板加载静态文件的方法步骤
2019/03/01 Python
python绘制地震散点图
2019/06/18 Python
python+django+rest框架配置创建方法
2019/08/31 Python
python 普通克里金(Kriging)法的实现
2019/12/19 Python
自定义Django Form中choicefield下拉菜单选取数据库内容实例
2020/03/13 Python
Django修改app名称和数据表迁移方案实现
2020/09/17 Python
简述python&amp;pytorch 随机种子的实现
2020/10/07 Python
Python中使用aiohttp模拟服务器出现错误问题及解决方法
2020/10/31 Python
如何基于Python按行合并两个txt
2020/11/03 Python
python tqdm实现进度条的示例代码
2020/11/10 Python
Html5写一个简单的俄罗斯方块小游戏
2019/12/03 HTML / CSS
DC Shoes官网:美国滑板鞋和服饰品牌
2017/09/03 全球购物
运动会通讯稿300字
2014/02/02 职场文书
给老婆道歉的话
2015/01/20 职场文书
英雄儿女观后感
2015/06/09 职场文书
如何做好工作总结!
2019/04/10 职场文书
Nginx解决前端访问资源跨域问题的方法详解
2021/03/31 Servers
MySQL 逻辑备份与恢复测试的相关总结
2021/05/14 MySQL
html5 录制mp3音频支持采样率和比特率设置
2021/07/15 Javascript