Using External Files as jQuery Templates

external_files_jquery_templates.md

Using External Files as jQuery Templates

Previously…

If you want to keep your templates in external files, you can load the template in like so:

$.get('/js/templates/filename.html', function(template) {
	$.tmpl(template, data).appendTo('#whatever');
});

A couple of benefits of this method:

• Organizing your templates into their own files is tidy.
• Your syntax highlighter will be happier, since you're not writing HTML between two <script> tags.

Source

• Dave Ward

@JoshMock Thanks for the info on text!. Some day I'm gonna pick your brain about how you use Require.js.

And, yes, I realize this entire example is way out of date and I wouldn't use $.tmpl anymore. Just remembered I had this Gist sitting around from a while back and thought it served the example well enough. :)