leodutra
9/18/2014 - 2:12 PM

Loads an external HTML template inside a script tag.

Loads an external HTML template inside a script tag.

(function($) {

	// <script type="text/x-html-template" data-src="url" async></script>

	$("script[type='text/x-html-template']").each(function() {
		var $el = $(this);
		var src = $el.data('src');
		if (!src) return;
		$.ajax({
			url: src,
			dataType: 'text',
			async: $el.prop('async') || false, 
			cache: false,
			success: function(data) {
				$el.text(data);
			}
		});
	});

})(jQuery);