jquery 템플릿 파일을 각 파일의 여러 템플릿이있는 외부 템플릿 파일로 유지하는 방법은 무엇입니까?

Question

페이지로드시 페이지에로드 할 수있는 템플릿으로 가득 찬 파일을 보관하려고합니다. 이게 진짜 가능하니? 내가 무슨 뜻인지 보여 드리죠 : 우리는이

<script id = "all_templates" type= "text/x-jquery-tmpl">TEMPLATE1, TEMPLATE2, TEMPLATE3</script> 

Answer 1

아니 뭔가를 할 수있는 방법을

<script id = "template1" type= "text/x-jquery-tmpl">BLAH</script> 
<script id = "template2" type= "text/x-jquery-tmpl">BLAH</script> 
<script id = "template3" type= "text/x-jquery-tmpl">BLAH</script> 

대신 ,하지만 당신은 간단하게 할 수 있습니다 일반적으로

을, 우리는 이렇게 AJAX 요청을 사용하여 별도의 <script> 템플릿을 포함하는 페이지를로드 한 다음 일반 jQuery DOM 함수를 사용하여 액세스하십시오.

var templates = {}; 
$.ajax({ 
    url: 'templates.html', 
    dataType: 'html', 
    success: function(data) { 
     $('script', data).each(function() { 
      templates[this.id] = $(this).text(); 
     }); 
    } 
}); 

그러나 더 깨끗한 솔루션은 템플릿을 서버 측의 단일 JSON 개체로 변환하고로드하는 것입니다.