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模板不显示内容

回答

相关问题