jQuery Mobile页面跳转后未加载外部JS
2023-09-11 14:19:16 时间
在使用jQuery Mobile进行Web开发中,当页面跳转时(pageA = pageB),在pageB中引用的JS并未成功运行。因为,JQM并为将整个页面加载到当前的dom中,仅将data-role= page 元素加入当前的dom中。因此,在 head 中引入的外部JS文件,以及 page 标签外的JS均不能正常运行,刷新页面后方可加载成功。
在使用jQuery Mobile进行Web开发中,当页面跳转时(pageA = pageB),在pageB中引用的JS并未成功运行。因为,JQM并为将整个页面加载到当前的dom中,仅将data-role="page"元素加入当前的dom中。因此,在 head 中引入的外部JS文件,以及 page 标签外的JS均不能正常运行,刷新页面后方可加载成功。
鉴于JQM这个特性不太可能主动更改,可以用两种方法来解决: 一是在index页面中,注册所有需要使用到的外部JS文件,或者使用母版页面来统一; 二是将页面内部JS写在data-role="page"标签下,这样无论页面怎样跳转,均可以运行。
【前端】JQuery框架 -- JQuery怎么使用和各个版本的区别、JQuery对象和JS对象区别、JQuery选择器 JQuery框架 -- JQuery怎么使用和各个版本的区别、JQuery对象和JS对象区别、JQuery选择器? jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨 是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。
在使用jQuery Mobile进行Web开发中,当页面跳转时(pageA = pageB),在pageB中引用的JS并未成功运行。因为,JQM并为将整个页面加载到当前的dom中,仅将data-role="page"元素加入当前的dom中。因此,在 head 中引入的外部JS文件,以及 page 标签外的JS均不能正常运行,刷新页面后方可加载成功。
鉴于JQM这个特性不太可能主动更改,可以用两种方法来解决: 一是在index页面中,注册所有需要使用到的外部JS文件,或者使用母版页面来统一; 二是将页面内部JS写在data-role="page"标签下,这样无论页面怎样跳转,均可以运行。
【前端】JQuery框架 -- JQuery怎么使用和各个版本的区别、JQuery对象和JS对象区别、JQuery选择器 JQuery框架 -- JQuery怎么使用和各个版本的区别、JQuery对象和JS对象区别、JQuery选择器? jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨 是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。
相关文章
- JS 逆向 --- 过无限debugge、hook、js混淆还原、控制流混淆
- jQuery 追加元素、拼接元素的方法总结(append、html、insertBefore、before等) 初识document.onkeydown及其兼容性问题 js学习笔记27----键盘事件 JavaScript onkeydown事件入门实例(键盘某个按键被按下)
- Jquery如何序列化form表单数据为JSON对象 C# ADO.NET中设置Like模糊查询的参数 从客户端出现小于等于公式符号引发检测到有潜在危险的Request.Form 值 jquery调用iframe里面的方法 Js根据Ip地址自动判断是哪个城市 【我们一起写框架】MVVM的WPF框架(三)—数据控件 设计模式之简单工厂模式(C#语言描述)
- Handlebars的基本用法 Handlebars.js使用介绍 http://handlebarsjs.com/ Handlebars.js 模板引擎 javascript/jquery模板引擎——Handlebars初体验 handlebars.js 入门(1) 作为一名前端的你,必须掌握的模板引擎:Handlebars 前端数据模板handlebars与jquery整
- h5 录音 自动生成proto Js语句 UglifyJS-- 对你的js做了什么 【原码笔记】-- protobuf.js 与 Long.js 【微信开发】-- 发送模板消息 能编程与会编程 vue2入坑随记(二) -- 自定义动态组件 微信上传图片
- Jquery 连动下拉列表
- Asp.net/Jquery/JS中各种数据转换为【JSON数据格式】的类!(相当好,转)
- 【Vue/js】Js中执行变量中的命令语句,也就是所谓的宏替换(很实用的例子)
- Jquery和 LigerUI 用PostGetAjax调用数据前台实例!
- 炫酷登录注册界面【超级简单 jQuery+JS+HTML+CSS实现】
- jQuery 图片剪裁插件使用之 imgAreaSelect
- PhoneGap+jQuery Mobile+Rest 访问远程数据
- Angular TypeScript开发环境集成jQuery扩展插件
- 《jQuery Mobile入门经典》—— 2.4 总结
- jQuery验证控件jquery.validate.js的使用介绍
- Jquery easyui 重置按钮,easyui 清空表单,Jquery easyui 重置表单
- jQuery插件之验证控件jquery.validate.js
- [转发]jquery获取当前页面的URL信息
- jQuery实现页面锚点滚动效果
- 【HarmonyOS】【JS】【布局】鸿蒙js开发input 输入框弹出输入法时上方布局被挤扁?
- js以类似jquery的模式绑定事件
- JQuery插件:动态列和无间隙网格布局Mason.js
- jquery给多个span赋值
- Jquery 遍历数组之$().each方法与$.each()方法介绍