新页面加载时不检测js和css

时间:2014-07-02 10:02:26

标签: javascript jquery cordova

在我们的phonegap(3.4)应用程序中,我们使用jquery加载功能进行导航。它将导航,但不会从index.html文件中检测到页面js和css文件。所以我们需要将它附加在每个页面的顶部,如果我们通过js函数导航一些页面,那么我们需要通过jquery getScript方法获取js文件。有没有其他简单的方法来做到这一点。 这是index.html代码

> <!DOCTYPE HTML> <html>             <head>                  
>     <meta charset="UTF-8">                      
>     <title>index        
>     </title>                      
>     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">                          
>     <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,
> user-scalable=no" />                                           
>     <link rel="stylesheet" type="text/css" href="css/jquery.mobile-1.4.2.css">                              
>     <link rel="stylesheet" type="text/css" href="css/style.css">                                  
>     <link rel="stylesheet" type="text/css" href="css/mobilestyle.css">                                                                   
>     <link rel="stylesheet" type="text/css" href="css/jquery.mobile-1.4.2.css">                                   
> 
>     <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>                                
> 
>     <script type="text/javascript" src="js/jquery.mobile-1.4.2.min.js"></script>                         
> 
>     <script type="text/javascript" src="js/global.js"></script>                                         
>     <script type="text/javascript" src="js/cordova.js"></script>                                         
>     <script type="text/javascript" src="js/DBDatabase.js"></script>                                         
>     <script type="text/javascript" src="js/DBDatabase.js"></script>                                                                            
>     <script src="js/index.js"></script>                                                                              
>     <script type="text/javascript">
>         if(navigator.userAgent.match(/Windows Phone/i)){var Path = "www/";}
>     </script>                                                     </head>             <body>                  
>     <div data-role="page" id="container" data-disable-page-zoom="true">                          
>       <div id="mainContainer">                                           
>       </div>                  
>     </div>                                  </body> </html>

1 个答案:

答案 0 :(得分:0)

我遇到了同样的问题。我更改它时已经修复了没有BOM的UTF-8。检查你的js文件,它们都必须是相同的数据类型。通常它们是UTF-8无BOM