Question

我是新手开发一个phonegap应用程序。我已经检查了这些帖子：jquery.load() not working on phonegap和how to load pages using jquery load() in phonegap以及jquery .load() function does not work under phonegap ......但似乎没有任何帮助。

我正在使用jquery和外部设备开发一个带有phonegap的应用程序来运行它而不是模拟器。我有2个html： breakfast.html 和 tab.html

我的文件夹结构是：

▸ merges/               
▸ platforms/            
▸ plugins/              
▾ www/                  
  ▸ css/                
  ▸ img/                
  ▸ js/                 
  ▸ res/                
  ▸ spec/               
  ▾ static_pages/       
    ▾ layouts/          
        tab.html        
      breakfast.html    
    config.xml          
    icon.png            
    index.html          
    spec.html

我的 Breakfast.html 是

<!DOCTYPE html>                                                                                 
<html>                                                                                          
    <head>                                                                                      
        <meta charset="utf-8" />                                                                
        <meta name="format-detection" content="telephone=no" />                                 
        <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />          
        <link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css" />               
        <link rel="stylesheet" type="text/css" href="../css/custom_forms.css" />                
        <title>Hello World</title>                                                              
        <script type="text/javascript" src="../phonegap.js"></script>                           
        <script type="text/javascript" src="../js/index.js"></script>                           
        <script type="text/javascript" src="../js/bootstrap.min.js"></script>                   
        <script type="text/javascript" src="../js/jquery-1.10.2.min.js"></script>               
        <script type="text/javascript">                                                         
          app.initialize();                                                                     
        </script>                                                                                            
    </head>                                                                                     
     <body>                                                                                      
       <header class="navbar navbar-fixed-top">
         XXXXXXX                                                                       
       </header>                                                                                 
         <div id="testing"></div>                                                                
         <script>$( "#testing" ).load( "layouts/tab.html #test" );</script>       
       <footer class="navbar" id="footer_bottom">                                                
         XXXXXXXX                                                              
       </footer>                                                                                 
     </body>    
</html>

我的 tab.html 是：

<div id="test" style="width:100%;heigt:90px;background:black;color:white;">
  TESTING JQUERY                                                           
</div>

关于官方api.jquery.com/load页面，我要插入一个带有id的html文件的一部分，我必须做的就是下一步：

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>load demo</title>
  <style>
  body {
    font-size: 12px;
    font-family: Arial;
  }
  </style>
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
</head>
<body>

<b>Footer navigation:</b>
<ol id="result"></ol>

<script>
$( "#result" ).load( "ajax/test.html #container" );
</script>

</body>
</html>

我不知道我做错了什么。

之前是否有人遇到过这个问题并找出原因？

提前致谢。

更新：

抱歉，我正在为Android开发，该设备是带有android 4.2.2的LG optimus 2X

Answer 1

感谢Pawel（以及官方http://docs.phonegap.com/en/3.0.0/guide_appdev_whitelist_index.md.html#Domain%20Whitelist%20Guide），我可以找到解决方案。正如他出色地建议的那样，问题在于我的phonegap应用程序的白名单域配置。要解决此问题，您必须编辑 your_app / www / config.xml 文件并尝试找到：

<access origin="http://127.0.0.1*" />

您必须将其更改为：

<access origin="*" />

就是这样。现在它有效。

感谢Pawel给我指路;）

jquery.load（）无法在phonegap 3.0.0上运行

1 个答案: