ホームページ  >  記事  >  php教程  >  jquery tmpl 模板

jquery tmpl 模板

WBOY
WBOYオリジナル
2016-06-06 20:00:461162ブラウズ

jQuery.tmpl.js 网址如下: http://api.jquery.com/category/plugins/templates/ 实例 html head titlejquery 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

jQuery.tmpl.js


网址如下:

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


实例



    jquery tmpl
   
   


   


       

   

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

//模板结构
        var
markup = "

  • ${Name} (${rel})
  • ";

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

    //模板绑定数据
            $.tmpl("movieTemplate",
    movies)

    .appendTo("#list");
       


    声明:
    この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。