如何在"jquery-tmpl"中创建一个小部件？

Question

我必须为jquery-tmpl脚本中的div创建一个小部件.

<script id="movieTemplate" type="text/x-jquery-tmpl"> 
      <div id='name'>${Name}</div>
</script>

在上面的脚本中,我想访问namediv并创建一个小部件.

注意:我将在另一个小部件中附加该脚本,所以在这里我不知道"这个模板的父级是什么".

我怎么能实现这个目标？

Answer 1

在您显示的代码中，字符串<div id='name'>${Name}</div>位于script节点内部，因此它不会转换为 DOM 节点，并且div在实际渲染模板之前无法访问该节点。

您可以渲染节点 : $.tmpl(myTemplate, myData).appendTo(myDomElement)，然后您可以访问创建的节点 :$(myDomElement).find('div#name')并用它做任何您想做的事情（例如：$(myDomElement).find('div#name').datepicker()...）