jQuery模板不顯示內容

我一直在嘗試學習使用jQuery Javascript模板。我在這裏跟隨教程：http://net.tutsplus.com/tutorials/javascript-ajax/quick-tip-working-with-the-official-jquery-templating-plugin/（它接收來自Twitter的推文）。jQuery模板不顯示內容

我相信我也跟着代碼完美，我已經把它放在這裏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收到，但微博不會真正得到顯示。任何人都可以幫忙嗎？

來源

2012-10-23 Ankur

FWIW，不再支持jQuery模板。 [鬍鬚]（http://mustache.github.com/）或[Underscore]（http://underscorejs.org/#template）是首選解決方案。 – Blazemonger

謝謝，我會嘗試一下。儘管我仍然希望這個工作。 – Ankur

你在你的模板有一個拼寫錯誤 - 改變

alt="${userName}"

到

alt="${username}"

它可能失敗默默離不開它。

它也看起來像${attributes}從您部署的應用程序以某種方式被刪除。

來源

2012-10-23 13:46:46 soulcheck

謝謝，只是試了一下，它不起作用 – Ankur

但當然非常感謝您指出。 – Ankur

好吧，它爲我工作，我也試過了;） – soulcheck

jQuery模板不顯示內容

回答

相關問題