如何将数据嵌入到 jQuery 模板属性中
我有以下 jQuery-tmpl 模板:
<script id="month-template" type="text/x-jquery-tmpl">
<div style="width:${width};">
<div>Hello</div>
</div>
</script>
它由以下脚本使用:
$("#month-template").tmpl({"width":30}).appendTo($("#containerId"));
我希望看到此输出:
<div style="width:30;">
<div>Hello</div>
</div>
但我得到这个:
<div style="">
<div>Hello</div>
</div>
是否有一些特殊的方法可以在模板中嵌入属性值? 我是 tmpl 新手 - 也许我错过了一些明显的东西。
I have the following jQuery-tmpl template:
<script id="month-template" type="text/x-jquery-tmpl">
<div style="width:${width};">
<div>Hello</div>
</div>
</script>
It is used by the following script:
$("#month-template").tmpl({"width":30}).appendTo($("#containerId"));
I expect to see this output:
<div style="width:30;">
<div>Hello</div>
</div>
But I get this:
<div style="">
<div>Hello</div>
</div>
Is there some special way to embed attribute values in a template?
I am new to tmpl - maybe I have missed something obvious.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
使用
30px
而不是30
。使用
.css()
时,jQuery 会自动将整数转换为正确的 CSS 单位,但由于它是一个模板(不是特定于 CSS 的),因此您需要自己指定单位。Use
30px
instead of30
.jQuery automatically converts integers to the correct CSS units when using
.css()
but since it's a template (not CSS-specific) you need to specify the units yourself.