jstrender 템플릿 내부 이벤트 바인딩하기

Question

내 모든 링크 .delete 및 .editRight withinTemplate isent working. 바깥 쪽의 모든 링크가 잘 작동합니다. .on()에 따라

$(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

사용 이벤트 위임을 동적으로 추가 내용

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

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