1

我一直在开发我的第一个 JQM 网站，现在只是将其上线，但有一个大问题。在我的测试站点上，图像都显示正常，但在我的实时站点上，它们不显示。

如果我查看 HTML 图像源是

img src="path/to/image.jpg"

如果我在 FireFox 中使用 firebug 来查看图像源，它是

img src="http://www.mysite.com/myCategorypath/to/image.jpg"

所以看起来有些东西正在将完整路径添加到图像源 URL 的开头。

会不会是 JQM 这样做？我不确定，因为图像在我的测试站点上显示正常。我注意到的一件事是，如果我点击浏览器刷新图像就会出现。

我真的很困惑如何解决这个问题。谁能建议我可以看的任何东西？

编辑：看起来肯定是 JQM 这样做，因为如果我从服务器中删除 JQM，我的所有图像都会正确显示并且图像 url 不会被修改。有什么想法可以阻止 JQM 弄乱图像路径吗？

4

2 回答 2

3

我有办法！我的图像没有显示的原因是因为我正在重写我的 URL，所以浏览器显示 www.mysite.com/myCategory，JQM 错误地为我的图像添加了 www.mysite.com/myCategory 的前缀，但真正的 url 是 www。 mysite.com/index.php?path=xxx

要解决此问题，请将带有前导斜杠的图像源生成为 img src="/path/to/image.jpg" 而不是 img src="path/to/image.jpg"

于 2012-09-04T17:35:08.383 回答
0

这只是一种预感，但可能是因为您使用的是相对路径？也许您可以尝试绝对路径，例如：

img src="path/to/image.jpg"

我从经验中知道 JQuery Mobile 在相对路径上可能很挑剔，所以我所有的 css/js/html 引用都是绝对的。

于 2012-09-04T15:29:03.140 回答