Передача неопределенного значения в Handlebars.compile ⇐ Jquery

[Anonymous]

Я только начал работать с Handlebars.js и столкнулся с небольшой проблемой.

Я использую данные о ширине версии 1.0.0, которые я получаю из JSON через jQuery. Все работает нормально, мои данные передаются в шаблон и отображаются так, как ожидалось, однако я продолжаю получать эту ошибку.

Код: Выделить всё

Error: You must pass a string or Handlebars AST to Handlebars.compile. You passed undefined

Когда я регистрирую источник в консоли, я получаю это, я знаю, что это не строка, но это то, что объясняется в этом руководстве http://javascriptplayground.com/blog/2012 /05/javascript-template-handlebars-tutorial/. Я ошибаюсь?

Код: Выделить всё

{{#sets}}
[*]
{{title}}
[img]{{img}}[/img]

{{/sets}}

Вот и все остальное

HTML

Код: Выделить всё

[list]

{{#sets}}
[*]
{{title}}
[img]{{img}}[/img]

{{/sets}}

[/list]

jQuery

Код: Выделить всё

function getProductsSets() {
$.getJSON('products/products.json', {
format: "json"
}).done(function(json) {
$.each(json.sets, function() {
var source = $('#full-sets-template-mobile').html();
console.log(source)
var template = Handlebars.compile(source);
var data = template(json);
var html = $('#sets-template-inner').html(data);
});
}).fail(function() {
console.log('failed');
});
}

JSON

Код: Выделить всё

{
"sets":
[
{
"title": "raw bones",
"img": "img/sets/set1.jpg",
"desc": "Raw pine table with 2 chairs and a bench.",
"base": 1200,
"seating":
[
{
"price": 0,
"name": "4 seater"
},
{
"price": 400,
"name": "6 seater"
},
{
"price": 800,
"name": "8 seater"
}
]
},
{
"title": "sky blue",
"img": "img/sets/set1.jpg",
"desc": "Raw pine table with 2 chairs and a bench",
"base": 1300,
"seating":
[
{
"price": 0,
"name": "4 seater"
},
{
"price": 500,
"name": "6 seater"
},
{
"price": 800,
"name": "8 seater"
}
]
}
]

Надеюсь, у меня здесь достаточно информации, и спасибо за любую помощь.

Подробнее здесь: https://stackoverflow.com/questions/192 ... rs-compile