Estou tentando fazer a delegação de um evento click
à um link dentro de uma tabela, como mostra este exemplo do jsFiddle:
O resultado obtido como podem ver, é:
- Ao clicar no link "Ativar", o evento
click
atribuído à classe.activate
é disparado, alterando assim a classe do mesmo link para.deactivate
. - Ao clicar no link "Desativar", o evento
click
atribuído à classe.activate
é disparado novamente mas não acontecendo nada, e o correto seria a execução do eventoclick
alterando novamente a sua classe para.activate
.
Para um melhor entendimento, por favor abram o link do jsFiddle.
Pegando alguns exemplos que já havia feito, e pesquisando sobre casos parecidos com o meu, descobri que deveria delegar o evento da seguinte forma:
$(document).on("click", "#element", function (e) {});
No entanto não obtive o resultado esperado, como podem ver neste outro exemplo do jsFiddle.
Estou à disposição para acrescentar mais informações, se necessário.