주니어 모바일 FW - HTML에서 로딩보기

Question

방금 ​​Junior으로 새 프로젝트를 시작했습니다.

나는 모두가 꽤 똑바로 생각하지만, 실제로 나를 귀찮게하는 것은보기 (페이지의 내용을 의미 함)가 현재 긴 JS 문자열이며 이는 끔찍한 것입니다.

자체 JS 스크립트 및 내용이있는 모든 페이지에 대해 단일 HTML 파일이 필요하므로 모바일 앱을 만들 수 없습니다.

이전에는 jQuery Mobile을 사용 했었지만 Jat Mobile App을 디자인하는 것은 싫지만 실제로는 우아한 솔루션이 아닌 처음부터 다시 시작해야했습니다.

그래서 제 질문은 :

는

당신은 내 모바일 앱 내에서 각 페이지의 내용을로드 할 수있는 좋은 방법을 알고 있나요?! Ajax는 작동하지 않습니다 (비동기 : false 모드조차도). 항상 나에게 정의되지 않습니다. JS

희망 누군가가 도움이 될 수 있습니다

다음은 스크립트 주니어의 의견을로드하기 위해 사용하는 것입니다! :-)

btw : jQuery Mobile은 내가 원하는 것 (div로 아약스를 통해 다른보기를로드하고 준비가되면 전환을 수행합니다.)하지만 다시 : 나는 jQMob을 사용하고 싶지 않습니다. 이 끔찍한 CSS 문제.

안부 패트릭

Answer 1

당신은 DOM에서 템플릿을로드 할 수 underscore's microtemplating solution을 사용할 수

// In your HTML: 
<script type="text/template" id="myPageTemplate"> 
    <div id="myPage"> 
    <p>Hello!</p> 
    </div> 
</script> 

그런 다음이 같은 javascript에서 그들을로드와 같은 결과를 얻을, 아직 마크 업을 유지 할 수 있습니다 html로 :

var template = _.template($('#myPageTemplate').html() , {}); 

많은 비슷한 템플릿 솔루션이 있지만 프로세스가 있습니다. 그들을로드하고 컴파일하는 경향이 매우 비슷합니다.

• Handlebars
• Moustache