0

我是开发phonegap应用程序的新手。我已经检查了这些帖子：jquery.load() not working on phonegap and how to load pages using jquery load() in phonegap and jquery .load() function doesn't 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 开发，该设备是 LG optimus 2X 与 android 4.2.2

4

1 回答 1

0

感谢 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="*" />

而已。现在它起作用了。

谢谢帕维尔给我指路；）

于 2013-09-17T13:49:02.070 回答