把手：无法编译？

我是一个非常新的学习者的把手和Javascript，所以我提前道歉。作为学习Handlebars的一种方式，我正在尝试将来自在线示例的所有基本组件放入一个独立的网页中。然而它运行不好。把手：无法编译？

<html> 
<head> 
    <script type="text/javascript" src="scripts/jquery-3.1.1.min.js" /> 
    <script type="text/javascript" src="scripts/handlebars-v4.0.5.js" /> 
</head> 
<body> 
<div id="content-placeholder"></div> 

<script id="some-template" type="text/x-handlebars-template"> 
    <table> 
    <thead> 
     <th>Username</th> 
     <th>Real Name</th> 
     <th>Email</th> 
    </thead> 
    <tbody> 
     {{#users}} 
     <tr> 
      <td>{{username}}</td> 
      <td>{{firstName}} {{lastName}}</td> 
      <td>{{email}}</td> 
     </tr> 
     {{/users}} 
    </tbody> 
    </table> 
</script> 

<script> 
    var source = $("#some-template").html(); 
    alert(source); 
    var template = Handlebars.compile(source); 
    var data = { users: [ 
     {username: "alan", firstName: "Alan", lastName: "Johnson",  email: "[email protected]" }, 
     {username: "allison", firstName: "Allison", lastName: "House", email: "[email protected]" }, 
     {username: "ryan", firstName: "Ryan", lastName: "Carson", email: "[email protected]" } 
    ]}; 
    $("#content-placeholder").html(template(data)); 
</script> 
</body> 
</html>

此外，我无法打印源（警报（源）显示“未定义”）。有什么缺失？谢谢您的帮助！

来源

2017-01-12 user180574

您没有正确，因此关闭了'script'标签问题。看看我的答案 –

看起来您还没有关闭您的script ta，您可以在其中包含jQuery和Handlebars。

你应该关闭脚本标签：

<script type="text/javascript" src="scripts/jquery-3.1.1.min.js"></script> 
<script type="text/javascript" src="scripts/handlebars-v4.0.5.js"></script>

下面是完整的工作代码

var source = $("#some-template").html(); 
 
alert(source); 
 
var template = Handlebars.compile(source); 
 
var data = { 
 
    users: [{ 
 
    username: "alan", 
 
    firstName: "Alan", 
 
    lastName: "Johnson", 
 
    email: "[email protected]" 
 
    }, { 
 
    username: "allison", 
 
    firstName: "Allison", 
 
    lastName: "House", 
 
    email: "[email protected]" 
 
    }, { 
 
    username: "ryan", 
 
    firstName: "Ryan", 
 
    lastName: "Carson", 
 
    email: "[email protected]" 
 
    }] 
 
}; 
 

 
$("#content-placeholder").html(template(data));

<script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.0.6/handlebars.min.js"></script> 
 
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> 
 
<div id="content-placeholder"></div> 
 
<script id="some-template" type="text/x-handlebars-template"> 
 
    <table> 
 
    <thead> 
 
     <th>Username</th> 
 
     <th>Real Name</th> 
 
     <th>Email</th> 
 
    </thead> 
 
    <tbody> 
 
     {{#users}} 
 
     <tr> 
 
     <td>{{username}}</td> 
 
     <td>{{firstName}} {{lastName}}</td> 
 
     <td>{{email}}</td> 
 
     </tr> 
 
     {{/users}} 
 
    </tbody> 
 
    </table> 
 
</script>

来源

2017-01-13 04:16:01

我的天啊，我认为“/>”一般用于关闭标签。非常感谢！ – user180574

把手：无法编译？

回答

相关问题