jquery mobile页面跳转后，JS无效的原因及解决方案
浏览数：41 /
时间：2015年06月09日
最近在做个项目，用到jquery
mobile，很陌生对他，问题一个个的来，那就要一个个解决，找了一天这个问题，放可明白：
首先明白jqm里面页面跳转默认都是通过ajax请求的，必须重新刷新页面js方可有效，也就是js没有起作用，并不是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"标签下，这样无论页面怎样跳转，均可以运行。
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
