http://getinstance.info/articles/tools/int...-to-handlebars/
Но у меня самый первый пример сразу же не работает. Помогите понять откуда у меня ошибка, вроде пишу как в руководстве.
Файл index.html:
<!DOCTYPE html>
<html lang="en">
<head>
<title> Handlebars Example </title>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="css/main.css">
<script type="text/javascript" src="js/jquery.js"> </script>
<script type="text/javascript" src="js/handlebars.js"> </script>
<script type="text/javascript" src="js/main.js"> </script>
</head>
<body>
<script id="book" type="text/x-handlebars-template">
<h2> {{bookTitle}} </h2>
<div> Author: {{bookAuthor}} </div>
</script>
</body>
</html>
Файл main.js:
// Инициализируем объект с данными
var book = { bookTitle: '2001: A Space Odyssey', bookAuthor: 'Arthur Clarke' };
// Получаем шаблон
var templateScript = $('#book').html();
// Функция Handlebars.compile принимает шаблон и возвращает новую функцию
var template = Handlebars.compile(templateScript);
// Формируем HTML и вставляем в документ
$(document.body).append(template(book));
В итоге в консольке Хрома вот такая ошибка:
http://images.vfl.ru/ii/1487958233/35f2ec12/16224610.jpg
Подскажите пожалуйста кто разбирается
Вот здесь почему-то всё работает:
https://jsfiddle.net/gdqpwtrf/