码迷,mamicode.com
首页 > Web开发 > 详细

jquery mobile页面跳转后,JS无效的原因及解决方案

时间:2014-05-31 07:49:34      阅读:296      评论:0      收藏:0      [点我收藏+]

标签:a   strong   文件   使用   问题   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"标签下,这样无论页面怎样跳转,均可以运行。

jquery mobile页面跳转后,JS无效的原因及解决方案,布布扣,bubuko.com

jquery mobile页面跳转后,JS无效的原因及解决方案

标签:a   strong   文件   使用   问题   js   

原文地址:http://www.cnblogs.com/lili503/p/3761406.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!