javascript - Jquery/Ajax Done 事件仅运行一次

Question

以下代码成功运行并向数据库添加新值...

<script type="text/javascript">
$(document).ready(function() {
  var i = 0;
  $(".testClick").click(function () {
    var dbvalue = $(this).data('dbvalue');
    var task_id = $(this).data('wrkval');
    $.ajax({
      type: 'POST',
      url: '/tasks/update_sub_task',
      dataType: 'json',
      data: {
        tasks: {
          id: task_id,
          subtask_id: dbvalue
        }
      },
    }).done(function() {
      console.log("SUCCESS");
      $("#working_area").html("<%= escape_javascript(render(:partial => 'sub_tasks.js.erb', locals: {items: params[:w]} )) %>");
    });
  });
});
</script>

<% @days.each do |e| %>
    <a id="ID=1" class="testClick" data-dbvalue="<%= e.id %>"  data-wrkval="<%= params[:w] %>"><%= e.name %></a>
<% end %>

它在控制台中记录“SUCCESS”，并将 #working_area div 的当前内容替换为部分内容。

太棒了...

但是，当我单击下一个链接时，它会记录另一条 SUCCESS 消息，但由于某种原因，它不会再次替换 #working_area 内容。

有人知道如何在每次单击链接时替换/刷新它吗？

更新 - 好吧，我已经重新加载了它，并且我意识到这是因为我的部分内容是在单击模式时呈现的，所以“截至当时”已修复。

Answer 1

您应该使用 on 来代替，如下所示:

$(document).on("click",".testClick",function (){
    ..code here...
});