我正在使用jQuery.load
加载某些内容但是对于搜索引擎优化和禁用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无法正常工作或被禁用。
答案 0 :(得分:0)
这是你做的。当通过A标签点击页面时,将页面写入工作。
然后通过jQuery,如果你通过jQuery加载它,将所有路径更改为你想要的。
这是很多工作。更简单,只需使用绝对路径。
附注:此问题与渐进增强无关。