jquery - 如何在 "jquery-tmpl"内创建小部件？

Question

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

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

在上面的脚本中，我想访问 name div 并创建一个小部件。

注意:我要将该脚本附加到另一个小部件中，因此这里我不知道“该模板的父级是什么”。

我怎样才能实现这个目标？

Answer 1

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

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