1

Tenho um check-list feito em js, onde o user digita a tarefa e ela aparece na lista. Mas só consigo marca como "task concluida" ou "excluir task" as tarefas já existentes, ou seja, quando incluo uma task nao consigo excluir e nem marca-lo.

Segue codepen: https://codepen.io/fmm312/pen/mXBqKd

1 Resposta 1

1

Problema de delegação. Altere os event handlers:

$(document).on('click','.checked-task',function(){
    $(this).parent().find('.name-task').toggleClass('name-task-toggle');
});

$(document).on('click','.remove-task',function(){
    $(this).parent().hide('slow');
});

Elementos adicionados de forma dinâmica não estão no DOM. Logo a sintaxe acima consegue escutar novos elementos.

Já há algumas respostas com o mesmo problema: resposta 1, resposta 2, resposta 3.

1
  • Perfeito, resolvido ! Commented 15/02/2018 às 3:08

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .