jQuery에서로드되지 않은 이미지

StackOverflow https://stackoverflow.com/questions/512424

  •  21-08-2019
  •  | 
  •  

문제

나는 jQuery를 사용하고 있습니다. test.html에는 이미지와 텍스트가 포함되어 있습니다. 이제 test.html을 사용하여로드해야합니다

<img src="../images/lib.jpg" alt="test" width="320" height="290" />
<p>Textt </p>

jQuery

$("#content2").load("sub_test.html");

Content2의 결과는 이미지를 표시하지 않았습니다. 더 좋은 방법이 있습니까? 아니면 이미지와 HTML을 올바르게 표시하는 대체 솔루션? 내 태그 문제입니까 아니면 jQuery입니까?

도움이 되었습니까?

해결책

의견에서 언급했듯이 더 많은 파일을 보는 것이 도움이 될 것입니다.

한 가지 문제는 한 페이지의 IMG 태그가 다른 페이지에로드되면 원래 위치를 기준으로로드 된 페이지를 기반으로 해결한다는 것입니다. 따라서 이와 같은 디렉토리 트리가 있다면 다음과 같습니다.

root
   page1.html
   /images
   /dir1
      page2.html

Page2.html의 이미지는 src = "../ images/somether.jpg"이며 Page1.html의 이미지에는 src = "images/something.jpg"가 있습니다. page2.html을 page1.html에로드하려면 page2.html의 이미지 태그는 page1.html의 위치와 일치하도록 다시 작성해야합니다. (또는 그렇지 않으면 루트를 기준으로 참조를 사용합니다 : src = "/images/something.jpg").

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top