gratis - ¿Cargar plantillas jQuery desde un archivo externo?

plantillas web html5 jquery gratis

Question

Acabo de empezar a usar el motor de plantillas de jQuery. Que se ve bastante bien hasta ahora. Sin embargo, me pregunto si es posible cargar plantillas de un archivo externo de alguna manera. Imagina tener un montón de plantillas. Esto arruinaría el código html y tampoco se puede almacenar en caché y debe descargarse en cada solicitud.

Esperaba que hubiera una manera de definirlos todos en un archivo externo y luego cargarlos y almacenar las plantillas compiladas en localStorage.

¿Alguien tiene una idea de cómo cargarlos desde un archivo externo?

Answer 1

Escribí litle lib como complemento jQuery para ajax renderizando html en el bloque aparece con indexDB caching en el navegador jQuery HTML Template Loader

Answer 2

Puedes cargar esta plantilla con ajax.

<script>
  var movies = [
    { Name: "The Red Violin", ReleaseYear: "1998", Director: "François Girard" },
    { Name: "Eyes Wide Shut", ReleaseYear: "1999", Director: "Stanley Kubrick" },
    { Name: "The Inheritance", ReleaseYear: "1976", Director: "Mauro Bolognini" }
  ];

  $.get("templates/movieTemplate.html", function(data, textStatus, XMLHttpRequest){
    var markup = data; //"<tr><td colspan=''2''>${Name}</td><td>Released: ${ReleaseYear}</td><td>Director: ${Director}</td></tr>"

    /* Compile markup string as a named template */
    $.template( "movieTemplate", markup );

    /* Render the named template */
    $.tmpl( "movieTemplate", movies ).appendTo( "#movieList" );
  });
</script>

Ahora puede agregar la lógica de almacenamiento local o una matriz para las plantillas cargadas si desea cargar cualquier plantilla solo una vez.

Answer 3

Recientemente escribí una biblioteca de javascript para ayudar con esto:

https://www.github.com/stevenmhunt/tmpl.loader

Puede agregar jsRender o cualquier otro tipo de archivos de plantilla usando la etiqueta <link> y se registran automáticamente.