zl程序教程

您现在的位置是:首页 >  前端

当前栏目

jQuery Mobile页面跳转后未加载外部JS

jQueryJS 页面 加载 跳转 外部 mobile
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交互。