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> |
simple demo of Handlebars.js & jquery.js
原文:http://www.cnblogs.com/LiuXianBlog/p/3550039.html