jquery.load（）在phonegap 3.0.0上不起作用_Jquery_Cordova

jquery.load（）在phonegap 3.0.0上不起作用

jquery cordova

jquery.load（）在phonegap 3.0.0上不起作用,jquery,cordova,Jquery,Cordova,我是开发phonegap应用程序的新手。我已经查过那些帖子了：而且。。。但似乎没有任何帮助我正在phonegap中开发一个应用程序，使用jquery和一个外部设备来运行它，而不是一个模拟器。我有两个html:早餐.html和选项卡.html 我的文件夹结构是： ▸ merges/ ▸ platforms/ ▸ plugins/ ▾ www/ ▸ css/

我是开发phonegap应用程序的新手。我已经查过那些帖子了：而且。。。但似乎没有任何帮助

我正在phonegap中开发一个应用程序，使用jquery和一个外部设备来运行它，而不是一个模拟器。我有两个html:早餐.html和选项卡.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

我的早餐.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>


你好，世界
app.initialize（）；
XXXXXXX
$（“#测试”）.load（“layouts/tab.html#测试”）；
XXXXXXXX

我的tab.html是：

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


测试JQUERY

关于官方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>


加载演示
身体{
字体大小：12px；
字体系列：Arial；
}
页脚导航：
$（“#result”）.load（“ajax/test.html#container”）；

我不知道我做错了什么

以前有没有人面对过这个问题，并找出原因

提前谢谢

更新：

对不起，我是为Android开发的，这款设备是LG optimus 2X，搭载Android 4.2.2

多亏了Pawel（和官方），我才找到了解决方案。正如他精辟地指出的，问题在于我的phonegap应用程序的白名单域配置。要解决此问题，您必须编辑您的应用程序/www/config.xml文件并尝试查找：

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

您必须将其更改为：

<access origin="*" />

就这样。现在它起作用了

谢谢Pawel给我指路；）

我不知道您使用的是什么平台/设备以及您的项目是如何配置的，但这个问题可能与phonegap应用程序使用

file://

协议有关，并且受严格的安全策略约束（在WebView中不应如此严格，但我不确定）。对不起，我是为Android开发的，该设备是LG optimus 2X，搭载安卓4.2.2。。。我要更新这个问题。如果你能解决它，请为你自己的问题添加一个答案。或者，如果您不想这样做，请删除您的问题。您删除已解决标记时，我正在编写此问题；）但你是赖特，我很慢。不要在标题上加“[解决]”，这里的事情不是这样的。当您可以将自答标记为已接受时，自答是正确的。（估计是48小时）