Mustache.to_html 아무것도 반환하지 않습니다

Question

내 페이지에 총 3 개의 템플릿이 있습니다.이 오버레이 템플릿은 세 번째이며 마지막 것입니다. 처음 두 개는 기본적으로이 템플릿과 동일하게 작성되었으며 제대로 작동합니다. 처음 두 템플릿에

<!-- JSON --> 

{ "art" : [{ 
"title" : "2 Intro-B", 
"img_small" : "2 Intro-C", 
"description" : "8x10 archival print on Epson Fine Art Velvet Paper.", 
"price" : "20"}, { "title" : "6 Bison-B", 
"img_small" : "6 Bison-C", 
"description" : "8x10 archival print on Epson Fine Art Velvet Paper.", 
"price" : "20"}, { "title" : "7 Cars-B", 
"img_small" : "7 Cars-C", 
"description" : "8x10 archival print on Epson Fine Art Velvet Paper.", 
"price" : "20"}]} 


<!-- HTML --> 

<div id="overlay"></div> 

---------------------------------------------- 

<!-- SCRIPT --> 

<script id="overlayTmpl" type="text/template"> 

{{#overlayTemplate}} 
    <div id="lightbox"> 
     <div id="closeButton">X</div> 
     <img src="/images/{{title}}.jpg"/> 
    </div> 
{{/overlayTemplate}} 

</script> 

<script type="text/javascript"> 
$(function(){ 

$.getJSON('/scripts/art.json', function(data) { 
    var overlaytmpl = $('#overlayTmpl').html(); 
    var html = Mustache.to_html(overlaytmpl, data); 
    console.log(html); 
    $('#overlay').html(html); 

    }); 
}); 
</script> 

**

에서,을 console.log (HTML)가 HTML 출력이 잘 반환 :하지만이 하나에 몇 가지 이유로 CONSOLE.LOG (HTML)의 경우 아무 것도 반환하지 않습니다. 왜이 사람이 무언가에 매달렸는지 나는 모른다. JSON 파일의 유효성이 확인되었습니다.

미친 듯이 도와주세요. 이 코드 블록에는 16 진수가 있어야합니다. 누구든지 마술 지팡이가 있습니까?

Answer 1

이 당신을 도울 수 있습니다 -이 같은 템플릿을 변경합니다

<script id="overlayTmpl" type="text/template"> 
{{#art}} 
<div id="lightbox"> 
    <div id="closeButton">X</div> 
    <img src="/images/{{title}}.jpg"/>   
</div> 
{{/art}} 
</script>