jquery .load（）函数在phonegap下不起作用

jquery .load（）函数在iPad上的phonegap下无效。 它非常适合在移动safari中使用。 但它不适用于Phonegap应用程序。 任何帮助，将不胜感激。

更新：这是代码的样子：

this.image_container.load( function(response, status, xhr) { var dis = this; var imgWidth = dis.image_container.width(); var imgHeight = dis.image_container.height(); dis.containerEl.css({ //some css addition }).animate( { "opacity": "1" }, 400, "linear" ); }); 

调试服务器响应时

 {"responseText":"","status":404,"statusText":"error"} 

但我只能在iPad手机屏幕上看到这一点。 在移动游猎中它只是工作正常。

提前致谢。

---

它仍然无法正常工作。 这是代码片段：

 this.image_container.load( function(response, status, xhr) { var dis = this; var imgWidth = dis.image_container.width(); var imgHeight = dis.image_container.height(); dis.containerEl.css({ //some css addition }).animate( { "opacity": "1" }, 400, "linear" ); }); 

调试服务器响应时

 {"responseText":"","status":404,"statusText":"error"} 

但我只能在iPad手机屏幕上看到这一点。 在移动游猎中它只是工作正常。

提前致谢。

Answer 1

尝试使用完整的URL。

AFAIK PhoneGap实际上是本地文件。 如果要访问外部资产或Ajax，请在URL中包含协议，域和端口（如有必要）。

Answer 2

我试过这个，它在Android模拟器和iOS模拟器中都运行良好。

             
 
 
Page One
 
 
 
 
 
 
 
   

我注意到当我尝试加载整个HTML文档（包括head，body，html标签）时，我只有一个白色的屏幕。 但是当我只尝试加载文档的一部分（就像身体中的div一样，就像我下面的第三个例子一样）它可以正常工作。 我怀疑浏览器不喜欢结构：

我不怪，我也不喜欢它。