항상 같은 URL의 jquery 배경을 가리 킵니다

Question

이미지 경로가 변경되지 않도록 항상 동일한 URL을 얻으려면 어떻게해야합니까? 도메인 www.domain.com/cat는하지만 당신이 "../"를 사용할 때 고양이/이미지/img.jpg

"background-image" : "url(../images/" + photoObject.image + ")", 

Answer 1

를 가리키는 www.domain.com/cat/cat 뜻 경우는 괜찮습니다 "이 문서의 상위 디렉토리를보십시오". 사이트의 루트/고양이가 다음

를 사용하는 경우

당신이 "/"로 시작하는 경우, 그것은

"background-image" : "url(/images/" + photoObject.image + ")", 

, 그래서 예를 들면

"루트 디렉토리에서 찾기 시작"을 의미

"background-image" : "url(/cat/images/" + photoObject.image + ")", 

Answer 2

js에 전역 변수를 정의하고 루트 도메인에 사이트 루트를 지정할 수 있습니다.

<script type="text/javascript">siteRoot = '@Url.Content("~/")';</script> 

는 다음과 같이 사용할 수 있습니다 : 웹 사이트의 메인 레이아웃 MVC에 대한

예

"background-image" : "url("+siteRoot + "images/" + photoObject.image + ")" 

및 이미지는 동일한 위치에 머물 수와 항상 것입니다 가리 키다