Handlebars模板工作不正常
Handlebars template not working properly
我正在express/node.js应用程序中测试Handlebars模板。我写了下面的模板。js文件,但它们无法正常工作。该页面显示无序列表的3个项目符号,但不包含数据。有人知道可能发生了什么吗?我的控制台&终端不会返回任何错误。
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.0.5/handlebars.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="javascript/templating.js"></script>
</head>
<h1>Hello World</h1>
<script id="handlebars-test" type="text/x-handlebars-template">
<ul>
<li>{{firstName}}</li>
<li>{{twitter}}</li>
<li>{{jobTitle}}</li>
</ul>
</script>
<div id="main"></div>
$(document).ready(function() {
console.log('yo!!');
var source = $("#handlebars-test").html();
var template = Handlebars.compile(source);
var data = {
twitter: 'fasdfasdf',
jobTitle: 'loser',
firstName: 'bye'
}
console.log(data);
$("#main").append(template(data));
});
嗨,您应该在最后调用脚本。此代码运行良好
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.0.5/handlebars.min.js" type="text/javascript" charset="utf-8"></script>
</head>
<h1>Hello World</h1>
<script id="handlebars-test" type="text/x-handlebars-template">
<ul>
<li>{{firstName}}</li>
<li>{{twitter}}</li>
<li>{{jobTitle}}</li>
</ul>
</script>
<div id="main"></div>
<script type="text/javascript">
$(document).ready(function() {
var source = $("#handlebars-test").html();
var template = Handlebars.compile(source);
var data = {
twitter: 'fasdfasdf',
jobTitle: 'loser',
firstName: 'bye'
}
var theCompiledHtml = template(data);
// Add the compiled html to the page
$('#main').html(theCompiledHtml);
});
</script>
相关文章:
- Javascript.getHours()工作不正常
- 为什么不是't窗口.恢复正常工作吗?(javascript/jquery)
- 谷歌分析跟踪内部链接不正常工作的事件
- 电话间隙 2.8 位置:固定不正常工作
- GMT . sehours不正常工作
- Jquery幻灯片效果不正常工作
- D3拖动不正常工作
- Jquery搜索字符串从跨度不正常工作
- 美元的范围.在使用MongoDB的controller.js中编辑不正常工作
- 随机音乐播放通过HTML javascript不正常工作
- 华丽的jQuery图像库插件不正常工作,只有在网站的一部分
- Javascript按钮在时钟当前计时不正常工作
- 导航器显示Internet连接状态.联机不正常工作,并显示错误的状态,而互联网没有连接
- jQuery切换不正常工作的第二次
- 谷歌API自动完成不正常工作
- 触摸结束事件不正常工作在铬
- 如何修复HTML5视频Javascript跟踪代码不正常工作
- 为什么第二次按钮点击不正常工作
- 美元.ajax不正常工作在我的代码
- 切换显示的潜水在道场不正常工作在谷歌Chrome浏览器