Связать события внутри шаблона jsrender

Question

Все мои ссылки .delete и .editRight в добавленном шаблоне isent working. Все те же ссылки за пределами работают просто отлично.

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