在jsrender模板中绑定事件

Question

所有我的链接.delete和.editRight addedTemplate isent工作。外面的所有相同的链接工作得很好。

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