编程 Javascript

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跟随滚动条滚动浮动代码

Dec 31 Javascript

javascript jscroll模拟html元素滚动条

Dec 18 Javascript

javascript根据像素点取位置示例

Jan 27 Javascript

jquery设置按钮停顿3秒不可用

Mar 07 Javascript

AngularJS 面试题集锦

Sep 06 Javascript

JS中用三种方式实现导航菜单中的二级下拉菜单

Oct 31 Javascript

bootstrap导航、选项卡实现代码

Dec 28 Javascript

详解vue过滤器在v2.0版本用法

Jun 01 Javascript

JS点击缩略图整屏居中放大图片效果

Jul 04 Javascript

详解angularJS+Ionic移动端图片上传的解决办法

Sep 13 Javascript

图解JS原型和原型链实现原理

Sep 15 Javascript

vue+echarts实现多条折线图

Mar 21 Vue.js

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

自制汽车收音机天线：收听广播的技巧和方法

2021/03/02 无线电

php设计模式 Adapter(适配器模式)

2011/06/26 PHP

COM中获取JavaScript数组大小的代码

2009/11/22 Javascript

javacript使用break内层跳出外层循环分析

2015/01/12 Javascript

JS+CSS实现简易实用的滑动门菜单效果

2015/09/18 Javascript

JavaScript中字符串与Unicode编码互相转换的实现方法

2015/12/18 Javascript

基于AngularJS+HTML+Groovy实现登录功能

2016/02/17 Javascript

详解JavaScript中this的指向问题

2017/01/20 Javascript

js鼠标移动时禁止选中文字

2017/02/19 Javascript

JavaScript校验Number(4,1)格式的数字实例代码

2017/03/13 Javascript

关于Vue单页面骨架屏实践记录

2017/12/13 Javascript

jquery动态添加以及遍历option并获取特定样式名称的option方法

2018/01/29 jQuery

详解Element 指令clickoutside源码分析

2019/02/15 Javascript

Vue中的情侣属性$dispatch和$broadcast详解

2019/03/07 Javascript

JavaScript中this用法学习笔记

2019/03/17 Javascript

js中let能否完全替代IIFE

2019/06/15 Javascript

使用vue-router在Vue页面之间传递数据的方法

2019/07/15 Javascript

JavaScript实现简单计算器功能

2019/12/19 Javascript

Python中__call__用法实例

2014/08/29 Python

基于Python List的赋值方法

2018/06/23 Python

Python自然语言处理 NLTK 库用法入门教程【经典】

2018/06/26 Python

详解python校验SQL脚本命名规则

2019/03/22 Python

Python破解BiliBili滑块验证码的思路详解(完美避开人机识别)

2020/02/17 Python

python字符串判断密码强弱

2020/03/18 Python

Python 实现一行输入多个数字(用空格隔开)

2020/04/29 Python

Django celery异步任务实现代码示例

2020/11/26 Python

python 实现图片裁剪小工具

2021/02/02 Python

丝芙兰巴西官方商城：SEPHORA巴西

2016/10/31 全球购物

竞选班干部演讲稿400字

2014/08/20 职场文书

学校政风行风评议工作总结

2014/10/21 职场文书

幼儿园中班教师个人工作总结

2015/02/06 职场文书

自我推荐信格式模板

2015/03/24 职场文书

小组组名及励志口号

2015/12/24 职场文书

HTML+css盒子模型案例(圆，半圆等)“border-radius” 简单易上手

2021/05/10 HTML / CSS

解决pytorch-gpu 安装失败的记录

2021/05/24 Python

一篇文章看懂MySQL主从复制与读写分离

2021/11/07 MySQL