Wenn Anweisung innerhalb Klick-Funktion nicht wie nach dem ersten Klick

Question

Überprüfung des Code unter

erwartet funktioniert, wenn ich zum ersten Mal auf die span klicken, es markStarted Funktion und fa Symbol löst und data-aevent aktualisiert werden erfolgreich. Und ich bekomme started in der Dev-Konsole.

Wenn ich es erneut klicke (ohne Seite neu zu laden)markFinished wird nicht ausgelöst. Und ich werde immer noch in der Konsole "gestartet".

Was mache ich falsch?

<span class="label label-info check " data-id="4" data-aevent="finish"><i class="fa fa-check fa-fw"></i></span> 

markStarted, markFinished

var markStarted = function(task){ 
    task.find('i').removeClass('fa-play').addClass('fa-check'); 
    var nextstate = "finish"; 
    task.data("data-aevent", nextstate); 
    console.log("started"); 
} 
var markFinished = function(task){ 
    task.fadeOut(); 
    console.log("finished"); 
} 

auf Klickfunktion

$(function() { 
    $(".check").on("click", function() { 
     var task = $(this); 
     var task_id = task.data("id") 
     var aevent = task.data("aevent"); 

     if (aevent == "start"){ 
     markStarted(task); 
     }else { 
     markFinished(task); 
     } 

    }); 
    }); 

Answer 1

in markStarted, bist du task.data("data-aevent ... nennen, wo Sie task.data("aevent" ...