jquery手机图片不显示

Question

我一直在开发我的第一个 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 弄乱图像路径吗？

Answer 1

我有一个解决办法！ 我的图像未显示的原因是因为我正在重写我的 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"

Answer 2

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

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

根据经验，我知道 JQuery Mobile 对相对路径很挑剔，所以我所有的 css/js/html 引用都是绝对的。