simple demo of Handlebars.js & jquery.js

simple demo of Handlebars.js & jquery.js

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

　　

posted @ 2014-02-14 21:32  Kevin Liu Blog  阅读(195)  评论(0)    收藏  举报