javascript - jQuery load() 不加载正在加载的 html 文件内的图像链接？

Question

基本上，我使用 jQuery .load() 方法将外部 html 文件加载到元素中，但是当文件加载时，它不显示图像。我尝试更改图像的路径但没有任何反应。我的文件结构:

-folder_img
--image
-folder_loads
--file_to_be_loaded
-index.html

我已经在 file_to_be_loaded 内的图像标签的 src 属性中尝试过 ../folder_img/image 和 folder_image/image ，但它只是有效。如果有人可以帮忙我们将不胜感激:)

我加载它的方式:

switch(dataValue) {
  case("about"):
    popover.css("background", "#37474f");
    popoverContent.load("loads/about.html");
    console.log(popoverContent);
  break;
  case("work"):
    popover.load("loads/work.html");
  break;
  case("testimonials"):
    popover.load("loads/testimonials.html");
  break;
  case("contact"):
    popover.load("loads/contact.html");
  break;
}

还要提一下，当我打开直接在 chrome 图像中加载的文件时，会显示...

Answer 1

你可以试试这个:/folder_image/image。