Я пытаюсь заставить работать функцию шаблона jQuery, но, наконец, зашел в тупик.Из всех моих исследований приведенный ниже код должен работать, и я ожидаю получить:
- file1.txt, 123456, 2012-01-01
- file2.txt, 234567, 2012-01-02
- file3.txt, 345678, 2012-01-03
но вместо этого я получаю
Очевидно, что библиотека загружается и код выполняется, но по какой-то причине она не будет собирать элементы данных.Код ведет себя одинаково независимо от браузера.Я пытался скомпилировать шаблон и нет, каждый с одинаковыми результатами.
Я уверен, что мне не хватает чего-то простого, но я вырывал свои волосы около 8 часов, глядя на примеры (и у меня осталось не так много волос!).Заранее благодарим за любую помощь.
<html lang="en">
<head>
<title>jQuery Template Test</title>
<script src="http://code.jquery.com/jquery.min.js" type="text/javascript"></script>
<script src="inc/jquery.tmpl.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
var exampleData = [
{ name: "file1.txt", size: "123456", date: "2012-01-01" },
{ name: "file2.txt", size: "234567", date: "2012-01-02" },
{ name: "file3.txt", size: "345678", date: "2012-01-03" }
];
var markup = "<li>${name}, ${size}, ${date}</li>";
$.template( "exampleTemplate", markup );
$.tmpl("exampleTemplate", exampleData).appendTo("#target");
});
</script>
</head>
<body>
<ul id="target"></ul>
</body>
</html>