Javascript jQuery模板没有';不显示内容

Javascript jQuery模板没有';不显示内容,javascript,jquery,jquery-templates,Javascript,Jquery,Jquery Templates,我一直在尝试学习使用jQuery Javascript模板。我在这里遵循教程:(它接收来自twitter的推文) 我相信我已经完全遵守了守则,我把它放在这里了 代码在这里。根据教程,所有脚本/样式表似乎都被正确引用,代码似乎也正确无误 <!DOCTYPE HTML> <html lang="en"> <head> <meta charset="UTF-8"> <title></title>

我一直在尝试学习使用jQuery Javascript模板。我在这里遵循教程:(它接收来自twitter的推文)

我相信我已经完全遵守了守则,我把它放在这里了

代码在这里。根据教程,所有脚本/样式表似乎都被正确引用,代码似乎也正确无误

<!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>

关于Netuts+的推特
  • ${username} ${tweet}

    {{if geo}} ${geo} {{/if}
    • $.ajax({ 键入:“GET”, 数据类型:“jsonp”, 网址:'http://search.twitter.com/search.json?q=nettuts', 成功:功能(推文){ var twitter=$.map(tweets.results,函数(obj,索引){ 返回{ 用户名:obj.from_user, 推特:obj.text, imgSource:obj.profile\u image\u url, geo:obj.geo }; }); $('tweets').tmpl(twitter).appendTo('twitter'); } });

      使用firebug,我可以看到从Twitter上收到了正确的信息,但实际上没有显示推文。有人能帮忙吗?

      您的模板-更改中有拼写错误

      alt="${userName}" 
      

      如果没有它,它可能会默默地失败


      它看起来也像是从部署的应用程序中删除了
      ${attributes}

      FWIW,jQuery模板不再受支持。或者是首选的解决方案。谢谢,我会试试的。虽然我还是想让它发挥作用。谢谢,只是试了一下,它不起作用,但当然非常感谢你指出了这一点。它对我起了作用,我也试了一下;)@Ankur您是否使用一些使用
      ${}
      语法的服务器端模板引擎?看起来是这样的,因为它已从标记中删除。什么是${attributes}。。。我看不到那个变量?
      alt="${username}"