이미지는 내가 iOS에서 폰갭에 싸여 jQuery를 모바일에 이상한 문제가 아이폰 OS 폰갭

Question

문제

으로 감쌌다. 내 응용 프로그램은 두 페이지로 구성되며 두 번째 페이지는 AJAX가로드됩니다. 두 페이지 모두에 이와 같은 상대 소스가있는 이미지가 있습니다.

<img src="../images/myImage.png" /> 

첫 번째 페이지에서 이미지가 올바르게 표시됩니다. 두 번째 페이지에서 이미지를 찾을 수 없습니다.

설명

나는 Weinre에 두 이미지의 SRC를 확인했습니다. Phonegap이 jQuery Mobile 페이지 div의 data-url을 상대 소스의 접두어로 사용하는 것 같습니다. 이것은 왜 폰갭은 iOS의 데이터 URL을 사용하지 않습니다 2 페이지

file://path/to/app/html/page2../images/myImage.png 

페이지 1

file://path/to/app/html/../images/myImage.png 

에 작동하지만?

환경

무엇 저를 혼동하면이 문제 는 아이폰 OS 폰갭에서 발생한다는 것입니다. 모든 브라우저와 Android PhoneGap에서 잘 작동합니다. 표준 jQuery Mobile 페이지가있는 매우 기본적인 "Hello World"앱입니다. 나는 기본 태그를 사용하여 시도

솔루션

은 작동하지 않았다. 나는 처음부터 다시 프로젝트를 세우려고했지만 일하지 않았다. 어떤 아이디어?

Answer 1

직접 답변을 찾았습니다. 분명히 jQuery Mobile은 ".html"과 같은 파일 이름 접미사가 없으면 연결된 자원을 외부로 식별합니다. 내 파일의 이름은 접미사없이 지정되었습니다.