jquery移动图像无法显示

时间:2012-09-04 15:12:33

标签: jquery image mobile jquery-mobile

我一直在研究我的第一个JQM网站,我只是把它现场直播但是有一个大问题。 在我的测试网站上,图像都显示正常,但在我的实际网站上,它们不显示。

如果我查看HTML图像源是

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

如果我在FireFox中使用firebug来查看图像源,那么

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

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

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

我真的很难解决这个问题。任何人都可以建议我可以看一下吗?

编辑:看起来肯定是JQM这样做,因为如果我从服务器中删除JQM,我的所有图像都会正确显示,图像网址也不会被修改。 任何想法如何阻止JQM搞乱图像路径?

2 个答案:

答案 0 :(得分:3)

我有一个修复! 我的图片没有显示的原因是因为我正在重写我的网址,因此浏览器显示www.mysite.com/myCategory,JQM错误地为我的图片添加了www.mysite.com/myCategory,但真实网址是www。 mysite.com/index.php?path=xxx

要解决此问题,请使用前导斜杠生成图像源 img src =“/ path / to / image.jpg”而不是img src =“path / to / image.jpg”

答案 1 :(得分:0)

这只是一种预感,但也许是因为你使用的是相对路径? 也许你可以尝试绝对路径,如:

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

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