jquery - 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") どうすればよいですか? にアクセスできません。$("#createUser")また、レンダリング後にjqueryuiボタンを使用するにはどうすればよいですか?

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);