在页面中加载 gif：未能加载资源 Cordova

Posted 2023-05-09

【中文标题】在页面中加载 gif：未能加载资源 Cordova

【英文标题】：Loading gif in page:failed to load resource Cordova

【发布时间】：2017-08-01 08:15:57

【问题描述】：

一段时间以来，我一直在尝试使用 cordova 开发自己的应用程序。我创建的第一个页面是登录。当用户单击提交按钮时，我通过使用 ajax 发送凭据来检查凭据。同时我想显示一个加载动画，我找到了怎么做：

$.mobile.loading('show')

它工作..几乎。它只在屏幕中间显示一个黑色圆圈。我检查了控制台才发现：

加载资源失败 ajax-loader.gif (0,0)

我进行了多次测试：我评论了安全策略，将图像复制到不同的文件夹中，检查了拼写，最后用url(images/ajax-loader.gif) 创建了我自己的跨度，并且..它有效。然后我对原始加载器做了同样的事情（我在 DOM 资源管理器中找到了它的跨度）并添加了一个内联样式url(images/ajax-loader.gif)..它成功了！

我终于意识到了这一点：

这就像它试图从两个不同的来源加载相同的图像。我该如何解决？

其他详情：Jquery 2.0.0/Jquery-mobile 1.4.5

【问题讨论】：

样式表的路径是什么？

【参考方案1】：

这是一些尚未解释的奇怪行为-因此任何人都可以为此发布正确的原因/解释-但我会发布修复程序。 我看了这个post 并想试一试。 这就是 css 的样子（我在调试模式下编辑了它，所以它应该被覆盖）：background: url(.././images/ajax-loader.gif)

现在可以了，但问题仍然存在。