simple demo of Handlebars.js & jquery.js

時間 2019-11-11

標籤 simple demo handlebars.js handlebars jquery.js jquery 欄目 JavaScript 简体版

原文原文鏈接

simple demo of Handlebars.js & jquery.jshtml

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

1. puremvc c++ simple demo
2. a simple socket demo
3. ionic cordova plugin simple demo
4. A Simple OpenCASCADE Qt Demo-occQt
5. Java study day three -- simple demo GUI
6. A simple demo for WDM Driver development
7. A simple analysis of WeChat
8. [gist]simple use of closure
9. handlebars.js 模板引擎
10. Python Socket 編程 Simple demo
更多相關文章...
• XSLT 元素 - XSLT 教程
• XSLT 元素 - XSLT 教程
• 爲了進字節跳動，我精選了29道Java經典算法題，帶詳細講解
• Java 8 Stream 教程

相關標籤/搜索