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

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

阅读量：274 次

发布时间：2019-03-01

本文共 658 字，大约阅读时间需要 2 分钟。

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

在使用jQuery Mobile进行Web开发中，当页面跳转时（pageA => pageB），pageB上面的JS事件都没有起到作用，在pageB中引用的JS并未成功运行。因为，JQM并为将整个页面加载到当前的dom中，仅将data-role="page"元素加入当前的dom中。

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

鉴于JQM这个特性不太可能主动更改，可以用两种方法来解决：

一是在index页面中，注册所有需要使用到的外部JS文件，或者使用母版页面来统一；

二是将页面内部JS写在data-role="page"标签下，这样无论页面怎样跳转，均可以运行。

例子：A网页转跳到B网页,自动弹出正在加载的事件

A网页

B网页


   
   
   
   	 
    
        
        
     页眉文本
  
    
  
      
       
     $(document).on('pageshow',function(){showLoader();});"?>    
     页面二
  
    
  
        
     页脚文本

转载地址：http://ydcx.baihongyu.com/

你可能感兴趣的文章

Node.js HTTP模块详解：创建服务器、响应请求与客户端请求