javascript - 重新绑定分配给 ajax 链接的操作

Question

有一个删除帖子的链接：

<a id="post_232_destroy" class="postDestroy" rel="nofollow" data-remote="true" data-method="delete" data-confirm="Are you sure?" href="/someurl">Delete</a>

javascript（从咖啡脚本编译）：

function() {

  jQuery(function() {
    return $("a.postDestroy").bind("ajax:success", function(event, data) {
      $('#post_' + data.post_id).remove();
    }).bind("ajax:error", function() {
      alert('Please try again');
    });
  });

}).call(this);

我正在通过 ajax 添加新帖子，因此对于最近添加的每个帖子，都缺少绑定到删除按钮。帖子被删除但 ajax:success 没有被调用，所以 div 没有被删除。我怎样才能再次绑定它？

Answer 1

每次添加新帖子时，您都可以取消绑定所有帖子，然后再次绑定。

$("a.postDestroy").unbind("ajax:success");
$("a.postDestroy").unbind("ajax:error");
$("a.postDestroy").bind("ajax:success", function(event, data) {
  $('#post_' + data.post_id).remove();
}).bind("ajax:error", function() {
  alert('Please try again');
});
});

编辑：尝试使用 jquery“live”函数而不是“bind”：

$("a.postDestroy").live("ajax:success", function(event, data) {
  $('#post_' + data.post_id).remove();
}).live("ajax:error", function() {
  alert('Please try again');
});
});