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> |