Handlebars.js не работает

Question

Доброго утра,

Я недавно начал работать с handlebars.js, и я не могу понять, почему код не работает. Я не получаю никаких консольных ошибок, так это проблема с запуском? Я прикрепил кодексный проект для обзора. Любая помощь будет принята с благодарностью.

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

Просто добавьте следующий код вокруг вашего сценария, чтобы убедиться, что руль был загружен перед выполнением:

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

Я также изменил URL-адрес библиотеки Handlebar, чтобы обеспечить правильную версию ресурса.

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