1

jQuery Javascript テンプレートの使い方を学ぼうとしています。ここのチュートリアルに従っていました: http://net.tutsplus.com/tutorials/javascript-ajax/quick-tip-working-with-the-official-jquery-templating-plugin/ (Twitter からツイートを受け取ります)。

私はコードに完全に従ったと信じています。ここに置いていますhttp://jqupload.herokuapp.com/tmpl

コードはこちらです。チュートリアルによると、すべてのスクリプト/スタイルシートが正しく参照されているようで、コードも正しいようです。

<!DOCTYPE HTML>
<html lang="en">
   <head>
      <meta charset="UTF-8">
      <title></title>
      <link rel="stylesheet" href="public/stylesheets/tmpl-style.css" />
      <script src="public/javascripts/jquery-1.6.4.min.js"></script>
      <script src="public/javascripts/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>
            {{/if}} 
         </li>
      </script>
      <ul id="twitter"></ul>
      <script>
         $.ajax({
            type : 'GET',
            dataType : 'jsonp',
            url : 'http://search.twitter.com/search.json?q=nettuts',
            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>

firebug を使用すると、Twitter から正しい情報が受信されていることがわかりますが、実際にはツイートが表示されません。誰でも助けてもらえますか？

4

1 に答える 1

2

テンプレートのスペルミス - 変更

alt="${userName}"

に

alt="${username}"

それがないと、おそらく静かに失敗します。

また${attributes}、デプロイされたアプリから何らかの形で削除されたようです。

于 2012-10-23T13:46:46.330 に答える