Estou com um problema em uma listagem, é o seguinte, tenho uma tabela, para cada linha tem um link para poder editar a linha, com isso, ao clicar nesse link se abre um modal do bootstrap com todo seu conteúdo vindo via Ajax, e até aqui esta tudo certo. E quando fecho o modal eu chamo um evento dele para poder atualizar a linha da tabela.
O meu problema é que fica acumulando as chamadas para essa atualização da linha, por exemplo: tenho a primeira linha, vou clico no botão editar, abre o modal, e quando eu fecho esse modal ele me atualiza os dados da linha clicada; dai quando clico em outro link de editar (ou até no mesmo), abre o modal e dai quando fecho esse modal ele me atualiza os dados da linha clicado, só que olhando o console eu vejo que ele faz a primeira e a segunda chamada das linhas para serem atualizadas, o que será que pode estar acumulando essas chamadas que só acontece quando eu fecho o modal?
Segue uma ideia do código, o que acontece nesse caso é que a cada vez que se abrir o modal, quando se fecha irá ficar acumulando o alert
$('a.edit_row_dt').on('click', function(e) {
e.preventDefault();
var item_id = $(this).data('id');
var row = $(this).closest('tr');
$('#edit').load('edit.php', {"id" : item_id}, function(){
$('#edit').modal();
$('#edit').on('hidden.bs.modal', function(event) {
event.preventDefault();
alert(item_id); // aqui
$('.modal-dialog').remove();
});
}
);
});