jquery tmpl 模板

jQuery.tmpl.js


網址如下:

http://api.jquery.com/category/plugins/templates/


實例

<html>
<head>
    <title>jquery tmpl</title>
    <script type="text/javascript" src="jquery-1.7.2.js" ></script>
    <script type="text/javascript" src="jquery.tmpl.js" ></script>
</head>
<body>
    <ul id="list">
    </ul>

    <script type="text/javascript">

//數據
        var
movies = [
            { Name:"red", rel:"1998"},
            { Name:"wide", rel:"1994"},
            { Name:"blue", rel:"1997"}
        ];

//模板結構
        var
markup = "<li><b>${Name}</b> (${rel})</li>";

//生成模板
        $.template("movieTemplate",
markup);

//模板綁定數據
        $.tmpl("movieTemplate",
movies)

.appendTo("#list");
    </script>
</body>
</html>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章