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

在使用jQuery Mobile开发Web应用时，页面跳转后外部JS未正常运行的问题确实是一个常见的挑战。以下是对该问题的分析及解决方案：

在jQuery Mobile中，页面跳转（pageA => pageB）时，仅将data-role="page"标签元素加载到当前页面中，而不会重新加载之前引入的外部JS文件或page标签外的JS代码。因此，head中引入的外部JS文件及page标签外的JS脚本在跳转后通常无法正常执行，除非页面被刷新。

解决方案

为了确保页面跳转后外部JS文件和page标签外的JS代码能够正常运行，可以采用以下两种方法：

示例

A网页转跳到B网页，自动弹出正在加载的事件

在A网页中添加一个超链接指向B网页：

   
    
    
        
     
页眉文本
    
    
    
    
        
     
页面一
        
     转到页面二
    
    
    
    
        
     
页脚文本
    
    
   

在B网页中添加一个显示加载器的JS脚本：

   
    
    
    
    
        
     
页眉文本
    
    
    
    
        
     
页面二
    
    
    
    
        
     
页脚文本
    
    
   

通过这种方法，页面跳转后，B网页中的JS脚本会被正确执行，自动弹出加载中的事件。

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