javascript - 渲染示例数据时未显示 "Mustache.js"

标签 javascript jquery templates mustache

我有一个简单的代码,其中模板由 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>

谁能告诉我问题出在哪里吗?

最佳答案

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

关于javascript - 渲染示例数据时未显示 "Mustache.js",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31917562/

相关文章:

javascript - 光标X未定义(..)

javascript - 为多级树实现 d3-2way-tree

jquery - 使用 jQuery() float div

javascript - 如何使用 JS 循环遍历数组以更改背景颜色?

javascript - AngularJS 的预检选项请求不适用于 Chrome?

JQuery 虽然已加载但未定义

javascript - 使用第 n 个子选择器更改字体颜色 mousedown/mouseup

c++ - 如果要调用多个成员函数,对象编辑器是一个好方法吗?

使用函数指针的 C++ 模板参数

email - 所见即所得的浏览器编辑器之类的ASP.NET Razor