jquery mobile 页面跳转 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"标签下,这样无论页面怎样跳转,均可以运行。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,724评论 25 709
  • 1. Java基础部分 基础部分的顺序:基本语法,类相关的语法,内部类的语法,继承相关的语法,异常的语法,线程的语...
    子非鱼_t_阅读 31,960评论 18 399
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,687评论 1 92
  • JQuery Mobile(JQM、JQMobile) 你是否想知道为什么在 标签中 没有插入 type="te...
    aymincoder阅读 5,095评论 0 1
  • 叶子 可以是绿色的 也可以是彩色的 生活 可以是简单的 也可以是复杂的 是谁在那 偷偷的布局呢 是那看不见的思想
    金晶花阅读 1,300评论 0 0