如何将数据嵌入到jQuery模板属性中

Question

我有以下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的新手 - 也许我错过了一些明显的东西。

Answer 1

使用30px代替30。

jQuery在使用.css()时会自动将整数转换为正确的CSS单位，但由于它是模板（不是特定于CSS），因此您需要自己指定单位。