支付宝赞助帐号:service@kuitao8.com 

下载地址

jquery json模板引擎

Created2015-12-16   Views 1855    Author 懒人程序
jquery json模板引擎
  1. <html> 
  2. <head> 
  3.     <!-- Import Tempo --> 
  4.     <script type="text/javascript" src="../tempo.min.js"></script> 
  5.  
  6.     <!-- This example uses jQuery's ajax() method to retrieve data from Twitter --> 
  7.     <script type="text/javascript" src="js/jquery-1.5.1.min.js"></script> 
  8.     <script> 
  9.         var data = [ 
  10.             { 
  11.                 'level': 1, 'children': { 
  12.                 'level': 2, 'children': { 
  13.                     'level': 3, 'children'null 
  14.                 } 
  15.             } 
  16.             } 
  17.         ]; 
  18.  
  19.         $(document).ready(function () { 
  20.             Tempo.prepare("template").render(data); 
  21.         }); 
  22.     </script> 
  23. </head> 
  24. <body> 
  25. <h1>Hello</h1> 
  26. <ul id="template"
  27.     <li data-template> 
  28.         {{level}} ({{level._parent | default 'no parent'}}) 
  29.         <ul> 
  30.             <li data-template-for="children"
  31.                 {{_parent.level}} > {{level}} 
  32.                 <ul> 
  33.                     <li data-template-for="children">{{_parent._parent.level}} > {{_parent.level}} > {{level}}</li> 
  34.                 </ul> 
  35.             </li> 
  36.         </ul> 
  37.     </li> 
  38. </ul> 
  39. </body> 
  40. </html> 

 

上一篇: jquery横向时间轴下载
下一篇: jquery内容折叠效果下载
支持键盘 ← →

邮件订阅

订阅我们的精彩内容