jQuery 템플릿

Question

jQuery 템플릿에 관한 내용입니다.

NuGet을 사용하여 설치합니다. 정보는 GitHub에 있습니다. 그래서 나는 올바른 패키지를 사용하고 있다고 생각합니다.

jQuery.tmpl.min.js이 추가되고 ASP.NET MVC 4 프로젝트에서 참조됩니다. 내가 뭔가를 작동

$('#files-list').tmpl(data).appendTo('#Container'); 

를 사용하여 테스트 할 때

문제이다.

하지만 난에 변경하는 경우 :

var t = "div" + tmplName; 
$(t).tmpl(data).appendTo('#Container'); 

그것은 실패합니다. FireBug는 $(t).tmpl(data).appendTo is not a function과 같은 콘솔 오류를 표시합니다.

아무도 왜 내가 이것을 할 수 없다고 말할 수 있습니까? 어떻게 해결할 수 있습니까?

감사합니다.

Answer 1

t 또는 "div" + tmplName 인 스크립트 블록이 없기 때문에 예외가 발생하는 이유는 무엇입니까? 전달 된 ID를 가진 스크립트 블록이 있는지 확인하십시오.

Ex.

<script id="movieTemplate" type="text/x-jquery-tmpl"> 
    <li><b>${Name}</b> (${ReleaseYear})</li> 
</script> 

<script> 
var movies = [ 
    { Name: "The Red Violin", ReleaseYear: "1998" }, 
    { Name: "Eyes Wide Shut", ReleaseYear: "1999" }, 
    { Name: "The Inheritance", ReleaseYear: "1976" } 
]; 

$("#movieTemplate").tmpl(movies).appendTo("#movieList"); 
</script> 

Answer 2

이 :

var t = "div" + tmplName; 

수 이것에 결코 동일 :

'#files-list' 

당신이 더 같은 것을 원하지 않을 것이다 :

var t = '#' + tmplName;