<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="http://ajax.microsoft.com/ajax/jquery.templates/beta1/jquery.tmpl.min.js"></script>
</head>
<body>
<ul id="movieList"></ul>
<script>
var movies = [
{ Name: "The Red Violin", ReleaseYear: "1998" },
{ Name: "Eyes Wide Shut", ReleaseYear: "1999" },
{ Name: "The Inheritance", ReleaseYear: "1976" }
];
var markup = "<li><b>${Name}</b> (${ReleaseYear})</li>";
/* Compile the markup as a named template */
$.template( "movieTemplate", markup );
/* Render the template with the movies data and insert
the rendered HTML under the "movieList" element */
$.tmpl( "movieTemplate", movies )
.appendTo( "#movieList" );
</script>
</body>
</html>
分享到:
相关推荐
完整的一套关于art-template的Demo,采用前后台分离的方式,后台提供数据接口,前台渲染数据的方式,采用Ajax从后台获取数据进行渲染,前台使用jQuery+art-template,后台使用ASP.NET模拟后台数据接口,打开即可用
•Demo page (and Demo implementation information). •How to Setup the plugin on your website. •How to use only the Basic plugin (minimal setup guide). •Security considerations. •The plugin API. •...
link rel="stylesheet" href="demo/style.css?3.1.64"> [removed][removed] [removed][removed] [removed][removed] </head> <body>[removed][removed] ...
WgBoard - Responsive Admin/Dashboard Template 15+页面 10+插件 jQuery 2.2.0 jQuery UI Bootstrap 3.3.7 Roboto Google Font Font Awesome Icons Elegant Icons Themify icons Chart.js jQuery Vector Maps ...
用Spring + Struts2 + Spring JDBC Template+ajaxanywhere+jquery实现登录、部门管理、用户管理功能。
jquery.customSelect 动态自定义选择 现场演示 例子 用法 $.customSelect({ identifier: 'demo', selector: '#countrySelect', placeholder: 'Select your country', options: [ ['ct', 'ct.png', 'Catalonia...
template-thymeleaf|[thymeleaf实现应用国际化示例](https://github.com/smltq/spring-boot-demo/blob/master/template-thymeleaf) mq-redis|[redis之mq实现,发布订阅模式]...
modaldialog.js基于jQuery开发的插件。 Feature 支持多弹出层 兼容主流浏览器,包括IE6 Demo $("#btn").click(function(){ var dialog = new Dialog({ content:"<p>Hello, world</p>" }); }); $("#logBtn").bind...
后台SpringMVC + ibatis,前端requireJS + artTemplate + jquery plugin这里存放着项目中常见的前端插件util后台常用的JAVA工具类weixin结合个人的见解对微信开发知识点的总结xingwen一个极简版小程序的demo,先前小...
前端代码测试保存学习场 ###css css基本样式测试 ###css3 css3基本 ###doc 文档保存 ###HTML5 ...###html-demo 麦包包阶段页面 ...###jquery jquery练习 ...###sublime-template 有用插件 ###XMind 技术思维导图
react-flux-webpack-template 概述 它是一个带有 webpack 的 react 和flux 模板,将来会不断改进。 这个包包括这些功能 由 ECMAScript 6 编写。 一个简单的React和通量演示。 使用 webpack 的工作流,包括 ...
学习了vue.js也有一段时间了,做了个小demo来熟悉一下,很常见的demo,——-轮播图,没学vue之前的轮播图用JavaScript或者jquery都非常简单,发现用vue来写也挺有意思的。说下简单的思路,图片的轮播用v-if或者v-...
##[Live Demo](http://usman.it/themes/charisma/) ### [Download](https://github.com/usmanhalalit/charisma/archive/master.zip) ##Features - 9 different themes. - Fully responsive, optimized UI for ...
demo 用法(依赖jquery) (function() { $('#wrap').pullToRefresh({ distance: 80 // 定义下拉距离开始刷新 msg: { pullText: '下拉刷新...', // 如果用组件默认的template,可以自定义文案 releaseText: '松开...
AngularJS 入门这是一个用于使用 AngularJS 的预配置快速入门文件,它至少有一个非常... #Live demo 在此处查看此快速文件的工作演示: #如何使用这个模板将 repo 克隆到您的计算机在您选择的文本编辑器中打开 index.
嵌入式jQuery(3.5.1) 保存/加载配置文件(文本) OTA(空中下载)更新 HTTP API支持HTTP GET / POST 自动更新网站(使用JS的Web服务) 多个中断定时器(ESP8266TimerInterrupt) 使用中断计时器闪烁板载LED ...
Appwork - Bootstrap 4 Template + UI Kit 170+页面,60+插件拓展 此压缩包内包含html5+jquery、VUE、angular 版本的代码, 演示地址:https://uxpowered.com/products/appwork/v160/html-demo/ 注意:演示地址有...
这个效果是一个项目中抽出来的一个demo效果。 前期准备: 1. 引入jQ [removed][removed] 引入lodash.js npm install lodash -D fixTop.vue组件的 <template> <header class=header ref=header></header> <...
Material Admin is a Google Material Design inspired powerful-lightweight fully responsive retina display compatible admin template based on latest Bootstrap 3 and 4. Material Admin comes with jQuery ...
jQuery:http://jquery.com Datatables : https://datatables.net 等其他. 版权信息 Kplphp遵循Apache2开源协议发布,并提供免费使用。 本项目包含的第三方源码和二进制文件之版权信息另行标注。 ...