jQuery Mobile页面跳转后未加载外部JS原因分析及解决

2019-12-24,,,

在使用jQuery Mobile进行Web开发中,当页面跳转时(pageA => pageB),在pageB中引用的JS并未成功运行。因为,JQM并为将整个页面加载到当前的dom中,仅将data-role="page"元素加入当前的dom中。

因此,在<head>中引入的外部JS文件,以及<page>标签外的JS均不能正常运行,刷新页面后方可加载成功。

鉴于JQM这个特性不太可能主动更改,可以用两种方法来解决
一是在index页面中,注册所有需要使用到的外部JS文件,或者使用母版页面来统一;
二是将页面内部JS写在data-role="page"标签下,这样无论页面怎样跳转,均可以运行。

您可能感兴趣的文章:

  • 在html中引入外部js文件,并调用带参函数的方法
  • 引用外部js乱码问题分析及解决方案
  • javascript同步Import,同步调用外部js的方法
  • JS加载器如何动态加载外部js文件
  • jquery延迟加载外部js实现代码
  • Django模板变量如何传递给外部js调用的方法小结
  • php中json_decode()和json_encode()的使用方法
  • javascript:;与javascript:void(0)使用介绍
  • js中cookie的使用详细分析
  • 关于js的三种使用方式(行内js、内部js、外部js)的程序代码

《jQuery Mobile页面跳转后未加载外部JS原因分析及解决.doc》

下载本文的Word格式文档,以方便收藏与打印。