使用jsrender后操作dom

Question

我的项目我使用jsrender。 下面是我的代码示例。

<script id="usersTemplate" type="text/x-jsrender">
<button id="createUser">Create</button>
<table>
<tr>
    <td>Id</td>
    <td>Name</td>
</tr>
{{for users tmpl="userRow" /}}
</table>
</script>
<script id="userRow">
<tr>
    <td>{{:id:}}</td>
    <td id="user{{:id}}">{{:name}}</td>
</tr>
</script>

渲染后我无法访问$("#createUser") 我该怎么做？以及如何在渲染后将 jqueryui 按钮用于$("#createUser")？

Answer 1

您可以按照通常的方式简单地使用 jQuery，例如在此示例中：http://www.jsviews.com/#samples/jsr/helpers

$("#movieList").on("click", "#sortBtn", myHandler);

var html = $("#movieTemplate").render(movies);

$("#movieList").html(html);

通过使用

$("#movieList").on("click", "#sortBtn", myHandler);

而不是

$("#sortBtn").on("click", myHandler);

您可以在渲染之前绑定事件。

但这也可以正常工作：

var html = $("#movieTemplate").render(movies);

$("#movieList").html(html);

$("#sortBtn").on("click", myHandler);