Question

我正在尝试理解车把模板，但我不明白为什么我的模板没有更新？ jquery.js和handlebars-v2.0.0.js.js已成功加载。控制台没有输出。

<body>

<ul class="tweets"></ul>
  
<script id="entry-template" type="text/x-handlebars-template">
  <li>
      <p><h2>{{author}}</h2></p>
      <p>{{tweet}}</p>
   </li>
</script>

   
   <script type="text/javascript" src="handlebars-v2.0.0.js"></script>
   <script type="text/javascript" src="js/jquery.js"></script>

   <script>
    
  (function () {
      	var data = {
      		author: 'Alex apple',
      		tweet: '30 Days to learn jQuery'
      	};
          var source = $('#entry-template').html();
          var template = Handlebars.compile(source);
          var temp = template(data);

          console.log(temp);
      	
      })();
   </script>


 
</body>

Answer 1

您似乎忘记了实际调用匿名函数：

(function(){
  // the rest of the code skipped
})(); // note the parens

就目前而言，您只需定义一个函数，但不要执行它。请注意，该块应放在jquery和handlebars加载器之后 - 否则$和Handlebars都将是未定义的。

模板未更新

1 个答案: