Handlebars.js Not Working

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：私も変更

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

を：http://codepen.io/christophethiry/pen/yObVaW

は、単にそれが実行される前に必ずハンドルバーがロードされた作るためにあなたのスクリプトを中心に以下のコードを追加しますHandlebarライブラリのURLに正しいバージョンのリソースがあることを確認します。

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