Phonegap HTML 페이지를 재사용/포함하는 방법?

서버 측에서는 서버 측 스크립트에서 쉽게 알아볼 수 있지만 PhoneGap 개발 포커스는 로컬 복사본에 있습니다. 어떻게 재사용 할 수 있습니까?/HTML 페이지를 다른 HTML 페이지에 포함시킬 수 있습니까?)?Phonegap HTML 페이지를 재사용/포함하는 방법?

출처

2013-05-18 GMsoF

당신이 몇 가지 코드를 제공 할 수 있습니까? – Mkpatel

iframe을 사용해 보셨나요? –

@TasosBitsios iframe이 원하는 것이 아닙니다. 예를 들어, 모든 페이지에서 사용자 정의 대화 상자 구성 요소 (div 컨테이너)를 사용하고 싶습니다. HTML 컨텐트를 모든 페이지에 복사하고 싶지는 않습니다. 어떻게 할 수 있습니까? ? – GMsoF

는 PhoneGap developer.I는 한 페이지를 개발하고 이 jQM 라이브러리를 사용하는 어플리케이션.

그들은 아약스 navigation.So, 하나의 아약스 히트에 HTML5 localStorage.Store 모든 데이터를 가지고 여러 페이지를 탐색 dramatically.You 앱의 성능을 만들 것입니다 클라이언트 side.This에서 다시로드 어떤 페이지에서 일했다. jQuery Mobile

은 또한 당신이 하나의 page.It의 매우 쉽게 배울 수에 여러 HTML 페이지를로드하는 pager.js 라이브러리를 사용할 수 있습니다 : 여기

는 링크입니다.

희망이 도움이 될 것입니다.

출처

2013-05-22 08:27:43 Mkpatel

jQuery Mobile FYI의 잘못된 링크 - pager.js에 링크 됨 –

아약스 요청으로 가져 와서 페이지에 삽입 할 수 있습니다. angular.js를 사용하고 이것이 장면 뒤에서하는 일입니다 ... jquery의로드 기능처럼 더 간단한 것을 선호 할 수도 있습니다 : http://api.jquery.com/load/. 이 라이브러리를 library.Using 당신이 jQuery Mobile 알고 .If PhoneGap를 사용하여 응용 프로그램을 개발하는 하나 하나의 page.I에 여러 HTML 페이지를 포함 할 수 있습니다 동안 사용할 수 많은 좋은 라이브러리를 사용할 수 있습니다

출처

2013-05-21 16:58:44

안녕하세요, 저는 웹 브라우저에서이 방법을 시도했지만 아약스가 로컬 파일을 검색하려고하면 동일한 원본 정책 문제가 발생합니다. phonegap은 아약스를 사용하여 로컬 파일에 초점을 맞추기 때문에 동일한 문제가 발생합니다. – GMsoF

로컬 컴퓨터에서 개발중인 경우 파일을 제공하려면 http 서버를 실행해야합니다. OSX는 내가 사용하는 아파치와 함께 제공되지만 설정하기가 다소 어렵다. 램프를 사용하거나 html이 들어있는 폴더로 가서 "python -m SimpleHTTPServer"를 실행할 수 있습니다. SimpleHTTPServer는 때때로 요청을 놓치지 만 작동합니다. –

노드는 간단한 http 서버의 또 다른 옵션입니다. – Kieran

-1

Ajax를 통해 컨텐츠를로드하는 것이 더 나은 솔루션이지만 JSONP는 Ajax로 컨텐츠를로드하는 다른 방법입니다. JSONP는 동일한 출처 정책 문제를 일으키지 않습니다.

로드하고 스크립트 태그를 통해 표시하는 JS 파일에 HTML 코드를 삽입하십시오. 예컨대 :

JSONP-파일 :

var dialogComponentHTML = "<form>your html code...</form"; 
$(document).ready(function() { 
    $("#your_placeholder").html(dialogComponentHTML); 
});

HTML 파일 :

이

<script type="text/javascript" src="dialog.jsonp"> 
<div id="your_placeholder"></div>

도 참조 http://en.wikipedia.org/wiki/JSONP

출처

2013-05-25 11:03:44 Tyron

Phonegap HTML 페이지를 재사용/포함하는 방법?

답변

관련 문제