simple demo of Handlebars.js & jquery.js
simple demo of Handlebars.js & jquery.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26 |
<html> <head> <script src= "jquery-1.11.0.min.js" ></script> <script src= "handlebars-v1.3.0.js" ></script> </head> <script> $(document).ready(function() { var
source = $( "#entry-template" ).html(); var
template = Handlebars.compile(source); var
context = {title: "My New Post" , body: "This is my first post!" } var
html = template(context); $( "body" ).html(html); }) </script> <body> </body> <script id= "entry-template"
type= "text/x-handlebars-template" > <div class = "entry" > <h1>{{title}}</h1> <div class = "body" > {{body}} </div> </div> </script> </html> |
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。