jQuery iPhone의 UIWebView에 CSS가 로컬 리소스로 포함 된 경우 모바일 스프라이트가 표시되지 않습니다.

Question

iPhone에서는 UIWebView를 사용하여 기기에 저장된 일부 콘텐츠를 표시하므로 내 콘텐츠를 기기에서 볼 수 있습니다. 인터넷에 연결되어 있지 않습니다. jQuery와 모바일 콘텐츠를 사용하여 하나의 코드 기반을 사용하는 웹 앱과 모바일 앱을 만들려고합니다.

내가 포함 할 때 :

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css" /> 

모든 작동 등 모든 작업 벌금 뒤로 버튼, 홈 아이콘을 구성하는 스프라이트. 내가 같은 로컬 자원으로 위의 포함시 : 스프라이트는 표시되지 않습니다

<link rel="stylesheet" href="jquery.mobile-1.0a4.1.min.css" /> 

, 난 그냥 스프라이트가 나타납니다 어두운 원을 얻을. CSS에서 정의 된 다른 모든 속성은 정상적으로 작동하며 스프라이트는 작동하지 않습니다. 로컬 리소스를 잘못 명명하면 모든 것이 엉망이되어 로컬 리소스가 포함될 때 CSS가 인식되지만 로컬 리소스 대 원격 리소스와 다르게 처리됩니다. 그것은 아파치를 실행하는 로컬 dev에 박스를 치면 작동합니다 ... 그래서 웹 서버가 페이지를 서비스하는 방식과 관련이 있습니다. ......

나는 연주했습니다. 주위에 몇 가지 타이밍 문제가 있는지 확인하기 위해 별도의 UIWebViews를 사용하여 같은 페이지를 두 번로드하는 중입니다. 로컬 리소스가 원격 리소스보다 훨씬 빠르게로드되기 때문입니다. UIWebView의 두 번째 인스턴스가 올바르게로드되었습니다. 페이지를 새로 고치기 위해 호출 할 수있는 $ .mobile 명령이 있습니까, 아니면 라이브러리가 마술을 수행 할 수 있습니까?

어떤 아이디어가 있습니까? 어떤 도움

Answer 1

질문에 대한

감사는 jQuery를 포럼에서 대답했다. 웃기는, 대답은 위의 내 의견과 관련이 있었고, 나는 여전히 이미지 파일을 보지 않을 것이라고 생각했습니다! palm2forehead

jquery 모바일 CSS 파일에 들어가서 "images"디렉토리에 대한 참조를 제거해야했습니다. IOS는 일반적인 시스템과 같은 디렉토리를 처리하지 않기 때문에 일단 그렇게했다면 모두 괜찮습니다.

Answer 2

경로를 변경해도 문제가 해결되지 않았습니다. 나는 mobile.css를 조사해야만했다. 그 아이콘이 이미지로 처음 설정되었고 클래스로 옮겨진 것을 발견했다. 배경 이미지를 옮긴 클래스에서 전체 배경 속성을 설정해야했다.

과 같이 :

.ui-icon-plus { 
background:#9c9c9c url(icons-18-white.png) no-repeat 0 50%; } 

오래된 방법은 있었다 :

.ui-icon-plus { 
background-position:-0 50%;} 

Answer 3

넣어 모든 (JS, CSS) index.html을 파일과 함께 WWW 폴더에, 그리고이 <script src="jquery-mobile-min.js"> 같은 파일을 포함` 그것은 내 문제를 해결했습니다.