Jquery template 小demo

最新推荐文章于 2024-04-15 09:42:31 发布

麻辣小布叮

最新推荐文章于 2024-04-15 09:42:31 发布

阅读量1.5k

点赞数

分类专栏： Jquery template

本文链接：https://blog.csdn.net/luobing_csdn/article/details/66969860

版权

Jquery template 专栏收录该内容

1 篇文章 0 订阅

订阅专栏


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

麻辣小布叮

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Jquery template 小demo

var movies = [ { Name: "The Red Violin", ReleaseYear: "1998" }, { Name: "Eyes Wide Shut", ReleaseYear: "1999" }, { Name: "The Inheritance", ReleaseYear: "1976" } ]; var markup = "
复制链接

扫一扫

专栏目录