Как встроить данные в атрибут шаблона 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 - возможно, я пропустил что-то очевидное.


person Arnold Zokas    schedule 09.09.2011    source источник
comment
Можете ли вы попробовать ширину: 30 пикселей, чтобы быть уверенным?   -  person bcoughlan    schedule 09.09.2011
comment
*facepalm* @waitinforatrain Это сработало. Отправьте ответ, чтобы я мог принять его.   -  person Arnold Zokas    schedule 09.09.2011


Ответы (1)


Используйте 30px вместо 30.

jQuery автоматически преобразует целые числа в правильные единицы CSS при использовании .css(), но, поскольку это шаблон (не специфичный для CSS), вам необходимо указать единицы самостоятельно.

person bcoughlan    schedule 09.09.2011
comment
Спасибо. Я был так уверен, что это проблема с tmpl, что пропустил очень простую вещь. - person Arnold Zokas; 09.09.2011