欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2023-11-30 08:13:22
jquery mobile页面跳转后未加载外部js原因分析及解决。 ​在使用jquery mobile进行web开发中,当页面跳转时(pagea => pageb),在pageb中...

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"标签下,这样无论页面怎样跳转,均可以运行。