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

Question

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

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

我已经尝试 ../folder_img/image 和 folder_image/image 在我的图像标签的 src 属性内 file_to_be_loaded，但它只是 work.If 任何人都可以提供帮助，将不胜感激:)

我加载它的方式：

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.

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

jQuery load() doesnt load images linked inside html file that is loading?

html

javascript

jquery

load

image