Posted By

Nettuts on 10/06/10

Tagged

Versions (?)

Last Edited at 10/06/10 04:12am

Statistics

Viewed 889 times

Favorited by 8 user(s)

Related snippets

Using the Official jQuery Templating Plugin

/ Published in: jQuery

This is quick code that demonstrates the usage of Microsoft's jQuery templating plugin.

Highlighted TextExpand

<!DOCTYPE HTML>
<html lang="en">
   <head>
      <meta charset="UTF-8">
      <title></title>
      <link rel="stylesheet" href="style.css" />

<h1> Tweets about Nettuts+ </h1>

{{if geo}}
            <span>
               ${geo}
            </span>
            {{/if}}
         </li>
      </script>

success : function(tweets) {
               var twitter = $.map(tweets.results, function(obj, index) {
                  return {
                     username : obj.from_user,
                     tweet : obj.text,
                     imgSource : obj.profile_image_url,
                     geo : obj.geo
                  };
               });

$('#tweets').tmpl(twitter).appendTo('#twitter');
            }
      });

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

URL: http://net.tutsplus.com/tutorials/javascript-ajax/quick-tip-working-with-the-official-jquery-templating-plugin/

Report this snippet Tweet