Question

我正在努力让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>

Answer 1

我遇到了与JSP相同的问题：使用\ $来转义EL表达式

jQuery模板没有显示数据元素

1 个答案: