페이지 여러 단일 HTML5 페이지 간의 전환 중 문제로드

Question

phonegap (cordova-2.6.js 사용) 및 여러 단일 .html 파일로 구성된 jQuery mobile을 사용하여 부동산 ipad 응용 프로그램을 개발 중입니다.

HTML 파일은 "Twitter CSS Bootstrap Framework"및 "Jquery Mobile Framework"를 사용하여 디자인되었습니다.

나는 다음과 같은 문제에 직면하고있다 : 예를 들어 두 .html 중에서 페이지 (사이 전환의 경우

1. 을 내가 "index.html을 '페이지에서 이동하려는 경우에"contact.html "페이지), 페이지로드 문제에 직면하고 있습니다 (페이지에서 CSS 및 js 파일이 제대로로드되지 않은 것으로 보입니다).

2. ipad 앱에서 모든 전환은 아약스 기본 네비게이션 시스템에 의존합니다. "data-ajax = false"속성을 쓰면 페이지가 제대로로드되지 않습니다.

3. "contact.html"에서 "window.onload"또는 "bodyonload"이벤트를 호출 할 수 없으며 document.ready() 만 작동합니다. jQuery 모바일의 경우 "pageinit"이벤트를 바인드해야하지만 "contact.html"페이지에서는 그렇게 할 수 없습니다.

4. "contact.html", $ ("# form_id")에서 submit (function() {alert ("hello world;"}})); - 작동 안됨.

디버깅 문제 :

1. 편집기를 사용 : 엑스 코드
2. 운영 체제 : IOS
3. 기술 스택 : 폰갭, 부트 스트랩 CSS, jQuery를 모바일, HTML5

내가 가진 위에서 언급 한 플랫폼을 사용했지만 이러한 오류가 발생하면 Xcode에서 제대로 디버그 할 수 없습니다. "Mozilla Firefox"웹 브라우저의 "Firebug"와 같은 Xcode에서 사용할 수있는 도구가 있습니까? 그렇다면 콘솔에서 jQuery 오류를 디버깅 할 수 있습니까?

Answer 1

jQuery Mobile을 사용하여 여러 페이지를 포함하는 단일 페이지 응용 프로그램을 사용하여 응용 프로그램을 개발하는 것이 좋습니다. 그것은 당신에게 더 많은 명확하고 네이티브 애플 리케이션처럼 보이는 느낌과 기능도 제공합니다. 질문에 대한 답변 아래

,

1. 난 당신 만 페이지를이 부하를-페이지를 변경하는 대신 페이지를 다시로드로드 window.location.href를 사용하지 jQuery를 방법을 사용하는 생각의 모든 CSS와 JS 파일.

2. 일반적인 HTML 페이지처럼 페이지를 새로 고침해야하는 외부 페이지에 "data-ajax = false"가 사용되었습니다.

및 나머지는 data-role = "page"를 사용하여 여러 페이지가 포함 된 단일 페이지 앱으로 앱을 개발할 경우 문제가 해결되었습니다.

파이어 버그와 같은 디버깅을 위해 사파리 브라우저를 사용할 수 있습니다. iPhone Simulator라고하는 하나의 메뉴 항목에 Develop이라는 탭이 있습니다. 먼저 xcode를 사용하여 앱을 실행하고 사파리를 시작합니다.당신에게 현재 페이지 이름을주고 사파리에서 그 페이지를 선택하면 방화 광과 같은 인터페이스를 갖게됩니다.

Answer 2

Naresh Ramoliya가 제안한 것처럼 단일 페이지 응용 프로그램이 좋은 대답입니다.

저는 Cordova와 Angular JS를 사용하여 앱을 만들었지 만 JQuery 모바일과 달리 글리치가 거의 없습니다.

부트 스트랩을 추가하면 갈 수 있습니다!