我jQuery.load
用来加载一些内容,但对于 SEO 和禁用 JavaScript 的浏览器,我使用渐进增强来使用<a>
标签正常链接到内容,以及当 JavaScript 加载内容时。
我的问题是,如果内容是使用 JavaScript 加载的,那么在其中一个页面/加载的内容上会有一个图像,src="images/picture.png"
但如果它使用<a>
标签加载,它将是src="../images/picture.png"
(注意../
)。我知道我可以通过将加载的页面与文件位于同一文件夹级别来更改文件结构来解决此问题,但这意味着我的根目录/或隐藏的主文件中有大量文件,这给我带来了混乱该页面的 URL。
我想知道是否可以为图像指定替代来源(当然我不能使用 JavaScript 来执行此操作;它必须是纯 HTML)。
对...不要以为我说得很清楚..
我需要改变的是:
如果通过
<a>
链接单击该页面,则图像源应为src="../images/picture.jpg"
如果内容是使用
jQuery.load
图像源加载的,应该是src="images/picture.jpg"
这无法使用 JavaScript 实现,因为它适用于 JS 不工作或被禁用时。