使用“Mustache.js”渲染示例数据未显示答案

【问题标题】：Rendering sample data with "Mustache.js" not getting displayed使用“Mustache.js”渲染示例数据未显示
【发布时间】：2015-08-10 10:48:05
【问题描述】：

我有一个简单的代码，模板将由 Mustache.js 完成，但无法在屏幕上显示任何内容。控制台中也没有错误。请帮忙！

<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/mustache.js/2.1.3/mustache.js" ></script>
    <script>
        $(document).ready(function(){
            var person = {
            firstName: "Christophe",
            lastName: "Coenraets",
            blogURL: "http://coenraets.org"
            };
            var template = "<h1>{{firstName}} {{lastName}}</h1>Blog: {{blogURL}}";
            var html = Mustache.to_html(template, person);
            $('#div1').html(html);
        });
    </script>
</head>
<body>
<div id="#div1"></div>
</body> 
</html>

谁能告诉我问题出在哪里？

【问题讨论】：

标签： javascript jquery templates mustache

【解决方案1】：

将div标签中id属性的'#div1'替换为'div1'

【讨论】：

谢谢。我的错... ;(

【解决方案2】：

http://plnkr.co/edit/m14fkua89UOAjlX506U5?p=preview 只需将#div1 替换为 div

 <html>
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/mustache.js/2.1.3/mustache.js" ></script>
           <link rel="stylesheet" href="style.css">
        <script>
            $(document).ready(function(){
                var person = {
                firstName: "Christophe",
                lastName: "Coenraets",
                blogURL: "http://coenraets.org"
                };
                var template = "<h1>{{firstName}} {{lastName}}</h1>Blog: {{blogURL}}";
                alert(template);
                var html = Mustache.to_html(template, person);
                alert(html);
                $('#div1').html(html);
            });
        </script>
    </head>
    <body>
    <div id="div1"></div>
    </body> 
    </html>

【讨论】：