jHandlebars - v1.0.0

Ítalo Queiroz,•HandlebarsJavascriptjQuery
Voltar

Ontem lancei a nova versão do plugin jHandlebars (opens in a new tab) v1.0.0. Também realizei o cadastro do plugin no BOWER. Corrigi alguns bugs :P e adicionei melhorias.

Instalação:

bower install jhandlebars

Colocando para rodar:

Para utilizar o plugin corretamente você deve importar as libs da jQuery e Handlebars.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.1.2/handlebars.min.js"></script>
<script type="text/javascript" src="jquery.jhandlebars.js"></script>

Alguns exemplos:

$(document).ready(function(){
  $("#element").handlebars({
    json: 'http://yourLocation.com.br/data.json',
    template:'<div class="entry"><h1>jHandlebars</h1><div class="body"></div></div>'
  });
});
$(document).ready(function(){
  $("#element").handlebars({
    json:{title:'Meu título'},
    template:'http://yourLocation.com.br/template.html'
  });
});
$(document).ready(function(){
  $("#element").handlebars({
    json:'http://yourLocation.com.br/data.json',
    template:'http://yourLocation.com.br/template.html'
  });
});
$(document).ready(function(){
  $("#element").handlebars({
    json: {title:'Meu título'},
    template:'<div class="entry"><h1>jHandlebars</h1><div class="body"></div></div>'
  });
});

Ainda não conhece Handlebars? (opens in a new tab) Então não perca tempo, adicione esta lib em suas leituras e veja o quanto sua vida mudará depois disso :D.

RSS