하위 디렉토리를 사용할 때 경로 문제가 발생합니다.

Question

색인 페이지를 제외한 디렉토리에서 내 페이지를 정렬 한 사이트에서 작업하고 있습니다. jquery를 사용하여 페이지 섹션 내의 div에 이미지를 추가 할 때 내 문제가 발생합니다. 그것은 인덱스 페이지에 표시되지만 다른 페이지 (디렉토리)에는 표시되지 않습니다. 이유는 모르겠지만 어떻게 해결할 수 있는지 확신 할 수 없습니다.

디렉토리에서 다른 파일을 제거하지 않고도 문제를 해결할 수있는 방법이 있습니까?

var $img1 = $('<img src="images/test1.jpg" />'); 
var $img2 = $('<img src="images/test2.jpg" />'); 
$('#container').append($img1, $img2); 

위의 코드가 images 폴더가 웹 사이트의 루트 디렉토리에 위치한다고 가정하면 별도의 디렉토리

Answer 1

도 있음을 유의하시기 바랍니다, 당신은 단지 src 속성 루트 상대 만들 수 :

var $img1 = $('<img src="/images/test1.jpg" />'); 
var $img2 = $('<img src="/images/test2.jpg" />'); 
$('#container').append($img1, $img2); 

(참고 /가 src 속성의 시작에 첨가).

참조 :

• Having links relative to root? (모든 percieved 자기 홍보에 대한 죄송하지만 "root-relative url site:stackoverflow.com"에 대한 내 검색 여기에 유래의 첫 번째 구글 결과였다).

Answer 2

당신은 도메인 이름을 포함한 전체 링크를 작성할 수 있습니다 :
var $img1 = $('<img src="http://www.yoursitename.com/images/test1.jpg" />');