Манипуляция домом после использования jsrender

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/

$("#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);