在使用jquery mobile进行web开发中,当页面跳转时(pagea => pageb),在pageb中引用的js并未成功运行。因为,jqm并为将整个页面加载到当前的dom中,仅将data-role=page元素加入当前的dom中。
因此,在
中引入的外部js文件,以及标签外的js均不能正常运行,刷新页面后方可加载成功。
鉴于jqm这个特性不太可能主动更改,可以用两种方法来解决:
一是在index页面中,注册所有需要使用到的外部js文件,或者使用母版页面来统一;
二是将页面内部js写在data-role=page标签下,这样无论页面怎样跳转,均可以运行。