배포 후 외부 JavaScript 파일에서 내 상대 이미지 경로가 손상되는 이유는 무엇입니까?

외부 파일에 있는 Javascript의 상대 경로

주어진 질문에서 사용자는 가상 디렉터리에 배포할 때 외부 JavaScript 파일의 이미지 경로 지정 문제를 경험하고 있습니다. . 로컬 개발 환경에서는 경로가 제대로 작동하지만 '../' 또는 '/Images/filters_collapse.jpg'와 같은 절대 경로를 사용하여 배포하면 실패합니다.

여기서 중요한 이해는 외부 . js 파일은 포함된 페이지에 상대적입니다. 따라서 사용자는 .js 파일의 실제 위치 대신 JavaScript 파일이 참조되는 페이지에 상대적인 경로를 사용해야 합니다.

해결 방법으로 사용자는 이미지를 지정하는 JavaScript 변수를 생성할 수 있습니다.

var imagePath = '../Images/';

이 변수를 사용하면 사용자는 외부 JavaScript 파일의 위치에 관계없이 이미지 경로가 올바르게 확인되도록 할 수 있습니다. 예를 들어 아래 코드는 변수를 사용하여 요소의 배경 이미지를 설정합니다.

$("#toggle").click(function() {
    if (left.width() > 0) {
        AnimateNav(left, right, 0);
        $(this).css("background", "url(" + imagePath + "filters_expand.jpg")");
    }
    else {
        AnimateNav(left, right, 170);
        $(this).css("background", "url(" + imagePath + "filters_collapse.jpg")");
    }
});

위 내용은 배포 후 외부 JavaScript 파일에서 내 상대 이미지 경로가 손상되는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!