Nested Templates Via Ajax about jquery-tmpl HOT 2 CLOSED

Difficult to answer without knowing how you are 'ajaxing in' your templates. One way, which I would encourage, is to create a remote script file to load the templates as named templates, from strings:

Mytemplates.js:
$.template( "rowTemplate", “<tr>…</tr>” ); 
$.template( "liTemplate", “<li>…</li>” );

Then either include it statically, as <script src=”mytemplates.js” …> or use jQuery.getScript or equivalent to load dynamically. Render as named templates using $.tmpl("rowTemplate", data) or {{tmpl(data) "liTemplate"}}.

Can you test whether this approach works for you?

from jquery-tmpl.

That method works. However, I found a more efficient way to do it. When I receive the html response from my ajax call that has all of the templates in it, I use $('script', response).each(..) to loop through every <script> tag in the file and create a named template for each based on their id attribute.

from jquery-tmpl.