javascript - 使用 jQuery 加载打开的页面带有错误的图像路径

Question

我有两页：

一个是http://local.host/orders/list.aspx，第二个是http://local.host/orders/provider/info.aspx

然后我有http://local.host/themes/images/image.jpg

当我使用 jQuery.load() 在第一个页面中加载第二个页面时，图像链接是

“..\themes\images\image.jpg”而不是“..\themes\images\image.jpg”。

我不明白这是因为第二个页面在服务器上运行并且它位于 orders/provider 文件夹中，但是，有没有办法更改计算响应 src 链接的文件夹上下文？

提前致谢。

Answer 1

制作了一个 jQuery 脚本来解决这个问题。

function fixImgPaths() {
$.each($('#gridContent img'), function (index, value) {
    if ($(value).attr('oldsrc') == undefined) {
        $(value).attr('oldsrc', value.attributes.src.value);
    }
    $(value).attr('src', $(value).attr('oldsrc').substring(3));
});

}

这个小脚本不仅修复了路径的额外“../”问题，而且可以处理多个调用，而无需从路径中删除许多“../”。

不完全是解决方案，但它有效。