摘要:jQuery Mobile页面跳转后未加载外部JS原因分析及解决。​在使用jQuery Mobile进行Web开发中,当页面跳转时(pageA => pageB),在pageB中引用的JS并未成功运行。因为,JQM并为将整个页面加载到当前的dom中,仅将data-role="page"元素加入当前的dom中。

小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。

jQuery Mobile页面跳转后未加载外部JS原因分析及解决。

​在使用jQuery Mobile进行Web开发中,当页面跳转时(pageA => pageB),在pageB中引用的JS并未成功运行。因为,JQM并为将整个页面加载到当前的dom中,仅将data-role="page"元素加入当前的dom中。

因此,在中引入的外部JS文件,以及标签外的JS均不能正常运行,刷新页面后方可加载成功。

鉴于JQM这个特性不太可能主动更改,可以用两种方法来解决:

一是在index页面中,注册所有需要使用到的外部JS文件,或者使用母版页面来统一;

二是将页面内部JS写在data-role="page"标签下,这样无论页面怎样跳转,均可以运行。

jQuery Mobile页面跳转后未加载外部JS原因分析及解决。

​在使用jQuery Mobile进行Web开发中,当页面跳转时(pageA => pageB),在pageB中引用的JS并未成功运行。因为,JQM并为将整个页面加载到当前的dom中,仅将data-role="page"元素加入当前的dom中。

因此,在中引入的外部JS文件,以及标签外的JS均不能正常运行,刷新页面后方可加载成功。

鉴于JQM这个特性不太可能主动更改,可以用两种方法来解决:

一是在index页面中,注册所有需要使用到的外部JS文件,或者使用母版页面来统一;

二是将页面内部JS写在data-role="page"标签下,这样无论页面怎样跳转,均可以运行。

觉得可用,就经常来吧!Javascript技巧 脚本宝典 欢迎评论哦! js技巧,巧夺天工,精雕玉琢。小宝典献丑了!

本文固定链接: http://www.js-code.com/js/js_1208.html