Handlebars.js不工作

Question

早上好,

我最近开始使用handlebars.js，我不明白为什么代码不能工作。我没有收到任何控制台错误，所以这是一个运行时问题吗？我已经附加了一个codepen项目进行审查。任何帮助都将不胜感激。

CODEPEN

var source = $("#some-template").html();
var template = Handlebars.compile(source);

var data = {events: [
  {
"image": "src='images/logo.png' alt='Leon Bridges'",
"artist": "Leon Bridges",
"venue": "White Water Tavern",
"time": "8:00PM",
"type": "music"
  },
  {
"image": "src='images/logo.png' alt='Coheed & Cambria'",
"artist": "Coheed & Cambria",
"venue": "Revolution Music Room",
"time": "9:00PM",
"type": "music"
  }
]};

$("body").html(template(data));

Answer 1

下面是一个有效的CodePen：http://codepen.io/christophethiry/pen/yObVaW

只需在脚本周围添加以下代码，以确保handlebar在执行之前已加载：

$(document).ready( function() { // Your code here });

我还更改了Handlebar库的URL，以确保资源版本正确。

<script type = "text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.0.5/handlebars.js"></script>