在jsrender模板中绑定事件

Question

我所有的链接.delete和.editRight添加的模板都在工作.外面所有相同的链接工作得很好.

    $(document).ready(function () {
    AjaxGetAll();

    $(".delete").on("click", function () {
    //do stuff
    });

    $(".editRight").on("click", function () {
    //do stuff
    });

    function AjaxGetAll() {
    $.ajax({
    success: function (data) {
        if (data.hasOwnProperty("d")) {
            var favs = data.d;
            if (favs.length > 0) {
                $("#addedList").html(
                $("#addedTemplate").render(favs)
                );
            }
        }
});
}

<script id="addedTemplate" type="text/x-jsrender">
<div class="wrapright">
        <a id="editRight_{{>TimePin}}" class="editRight">Edit</a>
        <a id="deleteRight_{{>TimePin}}" class="delete">Delete</a>
</div>

Answer 1

使用基于.on()的事件委托来为动态添加的内容注册事件

$(document).on("click", '.delete', function () {
    //do stuff
});

$(document).on("click", '.editRight', function () {
    //do stuff
});