jQuery Mobile로 개발 된 간단한 응용 프로그램을 PhoneGap에 구현했습니다. 그것은 아이 패드 4.3 시뮬레이터에서 잘 작동하지만, 아이 패드 5.0 시뮬레이터와이 HTML 파일의 헤드 섹션PhoneGap 및 jQuery Mobile이 iOS 5에서 작동하지 않습니까?
실제 아이 패드 실행에서 iOS 5 ...에없는 :
<head>
<meta charset="utf-8"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
<meta content="width=device-width,minimum-scale=1,maximum-scale=1" name="viewport"/>
<link rel="apple-touch-icon" href="icon.png"/>
<link rel="apple-touch-icon" sizes="72x72" href="icon.png"/>
<link rel="apple-touch-icon" sizes="114x114" href="icon.png"/>
<title>App demo</title>
<link rel="stylesheet" href="scripts/jquery.mobile-1.0rc2.min.css"/>
<link href="css/style.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="scripts/jquery-1.6.4.min.js"/>
<script type="text/javascript" src="scripts/jquery.mobile-1.0rc2.min.js"/>
<script type="text/javascript" src="scripts/general.js"></script>
<script type="text/javascript" src="scripts/app.js"/>
</head>
나는 그것을 실행하는 경우 iPad 시뮬레이터 4.3 모두 잘 작동합니다. 하지만 5.0에서는 빈 화면 만 보여줍니다. iOS 5가 포함 된 실제 iPad와 동일합니다. 그러나 스크립트 참조를 제거하면 HTML 페이지의 내용을 보여주는 점에서 "작동"합니다. 물론 jQuery Mobile의 스타일 및 기능을 사용하지 않아도됩니다. 모든 jQuery 포함 전혀 그것을 깰 것으로 보인다. jquery-1.6.4.min.js에 대한 참조 만 남겨두면 작동하지 않습니다. 또는 그 문제에 대한 내 사용자 지정 js 파일 중 하나.
여기에 무슨 일이 일어나는 지 아는 사람이 있습니까? 그것은 파일 참조의 배치와 관련이 있습니까? 나는 올바른 순서 (jQuery 먼저 다음 jQuery 모바일 및 사용자 정의 js)에 그들을 배치했다고 생각 ... 결코 작동하지 않는 것 같지 않아,이 응용 프로그램을 시도한 http://coenraets.org/blog/2011/10/sample-application-with-jquery-mobile-and-phonegap/ 및 그 작동합니다. 그것은 닫히는 body 태그 직전에 파일의 하단에 오히려 이상하게 배치 된 스크립트 참조를가집니다. 그러나 나는 그 일을 시도해 본 다음 jQuery Mobile에 관한 내용을 전혀 보지 못했습니다 (내용을 볼 수는 있었지만).
4.3 시뮬레이터에서 작동하기 때문에 코드에 실제로 문제가 있다고 생각하지 않지만 5.0에서 작동하지 않는 이유는 무엇입니까?
네, 정말 고마워요! 이상한 요구 사항 ... 이것은 기억하기 어려울 수 있습니다. – Anders
나는 아주 비슷한 문제를 겪고있다. 그러나 위의 설명처럼 태그를 닫는 것은 효과가 없다. 다른 아이디어? – c0d3Junk13