php - jQuery 加载和相对路径

Question

我正在使用 jQuery 加载页面内容，如下所示:

$("#content").load(path);

内容文件纯粹是这样的内容:

<!--page.php-->
I am content

但是，当我想在我的内容中包含图像时，如下所示:

<!--page.php-->
<img src="images/image.jpg"/>

该路径仅相对于 jQuery 脚本的源而不是 page.php 文件起作用，因此以下示例不适用于上面的代码:

Directory tree:

index.php
jQuery.js
pages/
  page.php
  images/
    image.jpg

因为它使 page.php 相对于 jQuery 所在的位置(位于站点的根目录)，因此它无法找到图像文件夹，除非我给它一个确切的路径，该路径在我的实际站点中始终根据位置而变化内容文件位于。

有没有一种简单的方法可以解决这个问题，不需要我在我想要引用的每个图像或内容中放置确切的路径？

Answer 1

我知道你说的是非黑客行为，但你可以在加载内容后执行此操作

$("#content").load(path + '/page.php');

然后

$('#content img').each(function(){
    $(this).prop('src', path + '/' + $(this).prop('src'))
})