mustache.js 不工作

Question

我正在尝试学习 mustache js，但基本页面无法正常工作。我正在关注 http://iviewsource.com/codingtutorials/introduction-to-javascript-templating-with-mustache-js/ 但它已经过时了。（目前基本的 html 不起作用。以后我想在脚本中使用 get JSON 从 json 文件中获取数据。）我错过了什么吗？

<!DOCTYPE <!DOCTYPE html>
<html lang='en'>
    <head>
        <meta charset="utf-8"/>
        <title>messages</title>
        <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js">
        </script>
        <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mustache.js/0.8.1/mustache.min.js">
        </script>
    </head>
    <body onload="loadUser()">
        <div id="target">Loading...</div>
        <script id="template" type="x-tmpl-mustache">
        Hello {{ subject }}!
        </script>
        <script>
            function loadUser() {
                var template = $('#template').html();
                Mustache.parse(template);   // optional, speeds up future uses
                var rendered = Mustache.render(template, {subject: "Luke"});
                $('#target').html(rendered);
            }
            });
        </script>
    </body>
</html>

Answer 1

语法错误。删除底部多余的括号（在下面的代码中注释掉）。

<!DOCTYPE html>
<html lang='en'>
    <head>
        <meta charset="utf-8"/>
        <title>messages</title>
        <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js">
        </script>
        <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mustache.js/0.8.1/mustache.min.js">
        </script>
    </head>
    <body onload="loadUser()">
        <div id="target">Loading...</div>
        <script id="template" type="x-tmpl-mustache">
        Hello {{ subject }}!
        </script>
        <script>
            function loadUser() {
                var template = $('#template').html();
                Mustache.parse(template);   // optional, speeds up future uses
                var rendered = Mustache.render(template, {subject: "Luke"});
                $('#target').html(rendered);
            }
            // }); <-- here
        </script>
    </body>
</html>

mustache.js 不工作

mustache.js is not working

javascript

mustache