, hurtigt tip: samarbejde med de europæiske jquery blive stik af,,,,, 1,,,,,,,,, 9,,,,,,, det cyber - mandag envato tuts + kurser vil blive reduceret til $3.- og' t miss.,, i denne uge, jquery team meddelte, at microsofts blive stik af (sammen med et par andre) er nu officielt støttet.det betyder, at de stik af nu skal vedligeholdes og ajourføres direkte af den centrale gruppe.i denne video forelæsning, vil vi gennemgå de væsentlige punkter i den stik af, og hvorfor det er så fantastisk,.,,,, som en hurtig eksempel, vil vi igen henvise til twitter - api - f.eks. fra fredag (bieber).den eneste forskel er, at den tid, vi bruger en html model til at fastgøre tilbage data, snarere end uklarhed på vores javascript!for flere måneder siden, andrew burgess introducerede dig til dette stik af, stadig i beta.men i dag, skal vi integrere stik af i rigtig kodeks.,, tilslutter sig vores youtube side for at se alle de video tutorials!, Crash Course , , Step 1 : Import jQuery and the Templating Plugin , <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script src="jquery.tmpl.js"></script>, , Step 2 : Create your Template , <script id="tweets" type="text/x-jquery-tmpl"> \t<li> \t\t<img src="${imgSource}" alt="${username}" /> \t\t<h2> ${username} </h2> \t\t<p> ${tweet} </p> \t\t{{if geo}} \t\t<span> ${geo} </span> \t\t{{/if}} \t</li> </script>, , Notice how this template is wrapped within ,script, tags, and that a ,type, of ,text/x-jquery-tmpl, has been applied. vi henviser skabelon variabler navne af prepending et dollartegn og indpakning af ejendom navn inden for krøllet bøjle., hvis udtalelser kan skabes ved hjælp af to sæt curly seler, som påvist ovenfor.(se screencast for flere detaljer.), trin 3: finde nogle data, til at gøre!i dette tilfælde vil vi gøre en hurtig søgning af twitter - grænseflade., < manuskript > $. ajax ((type: "kom, datatype:" jsonp, url: http://search.twitter.com/search.json?q = nettuts, succes: funktion (tweets) (var - twitter = $. kort (tweets.results, funktion (mål, indeks) (afkast (brugernavn: obj.from_user tweet: obj.text, imgsource: obj.profile_image_url, geo: obj.geo}})}}). < /manuskript >,, tak til peter galiba (jf. bemærkninger), for at anbefale en mere elegant, $. kort, opløsning, jf. ovenfor., henvises der til screencast for fuldt ud at gå igennem den kode ovenfor.vigtigst af alt er dog, at vi skaber en række ting.det vil så danne oplysninger for den model, som vi har skabt i trin to.se, hvor ejendommen navne:, brugernavn: obj.from_user tweet: obj.text, imgsource: obj.profile_image_url, geo: mål nr. i, svarer til modellen variabler, at vi skabt i trin to.,, trin 4: hvor skal den avance, der bliver?næste, vi skal udpege, hvor den avance, og oplysninger bør gøres.vi vil skabe en unordered liste til dette formål., < ul id = "tweets" > < /ul >,, løntrin 5: bevirker, at de data, vi tillægger de data, den model, og sætte det til unordered liste (# tweets), at vi skabte på trin fire.$('# tweets'). tmpl (twitter). appendto ('&#twitter), finder den, manuskript, (model) element med et, id, af beskeder.tillægger, twitter, system til denne model.tilføje nye avance til dom.,, endelige kilde, <!DOCTYPE HTML> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="style.css" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script src="jquery.tmpl.js"></script> </head> <body> <h1> Tweets about Nettuts+ </h1> <script id="tweets" type="text/x-jquery-tmpl"> <li> <img src="${imgSource}" alt="${userName}" /> <h2> ${username} </h2> <p> ${tweet} </p> {{if geo}} <span> $(geo) < /span > {{/i) < /li > < /manuskript > < ul id = "twitter" > < /ul > < manuskript > $. ajax ({art: "kom, datatype:" jsonp, url: http://search.twitter.com/search.json?q = nettuts, succes: funktion (tweets) (var - twitter = $. kort (tweets.results, funktion (mål, indeks) (afkast (brugernavn: obj.from_user tweet: obj.text, imgsource: obj.profile_image_url, geo: obj.geo}}); $('# tweets'). tmpl (twitter). appendto ('&#twitter)}}). < /manuskript > < /organ > < /html >,, hvad synes du?stik af, nu at blive officielt er støttet af de centrale jquery hold, vil de bruge den i deres fremtidige projekter?,
hurtig tip: samarbejde med de europæiske jquery blive stik af
Previous:løs kobling til det pubsub stik af
Next Page:hurtig tip: dissekere jquery