首页 > 代码库 > jquery mobile页面跳转后，JS无效的原因及解决方案
jquery mobile页面跳转后，JS无效的原因及解决方案
最近在做个项目，用到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"标签下，这样无论页面怎样跳转，均可以运行。
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。