码迷,mamicode.com
首页 > Web开发 > 详细

JsRender系列demo(1)-insert-data

时间:2014-07-27 21:39:45      阅读:186      评论:0      收藏:0      [点我收藏+]

标签:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <script type="text/javascript" src="scripts/jquery.js"></script>
    <script type="text/javascript" src="scripts/jquery-ui.js"></script>
    <script type="text/javascript" src="scripts/jsrender.js"></script>
    <link href="scripts/demos.css" rel="stylesheet" />
   
</head>
<body>
     <script type="text/x-jsrender" id="movieTemplate">
         <div>{{:#index+1}}:<b>{{>name}}</b>出版日期:{{>releaseYear}}</div>
    </script>
    <div id="movieList"></div>
    <script type="text/javascript">
        var movies = [
            { name: "Cupid", releaseYear: "1998" },
            { name: "陌上花开", releaseYear: "1999" },
            { name: "Tina", releaseYear: "1976" }
        ];

        // Render the template with the movies data and insert
        // the rendered HTML under the "movieList" element
        //$("#movieList").html(
        //    $("#movieTemplate").render(movies)
        //);
        $("#movieList").html($("#movieTemplate").render(movies));

</script>
</body>
</html>
  

  

JsRender系列demo(1)-insert-data

标签:

原文地址:http://www.cnblogs.com/alphafly/p/3871141.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!