javascript - 散発的に動作するトグルイベント

Question

問題は、トグルが 1 回のクリックで機能しないことです。複数回クリックすると機能しますが、動作はランダムに見えます。コードの何が問題なのかわかりません。

$(document).ready(function() {

 $('#mark-btn').click(function(){
       $.ajax({
         type: 'PUT',
         url:'<%= mark_exam_question_path(params[:exam_id], params[:id])%>'
       }).done(function(msg){

           $("#mark-btn").val("Marked");
           $("#mark-btn").attr("id",'unmark-btn' )
           return false        
   });

  $("#unmark-btn").click(function(){
       $.ajax({
       type: 'PUT',
       url:'<%= unmark_exam_question_path(params[:exam_id], params[:id])%>'
       }).done(function(msg){

     $("#unmark-btn").val("Mark");
     $("#unmark-btn").attr("id",'mark-btn' ); 
        return false
     });
   });
  });

});

Answer 1

この行 $("#mark-btn").attr("id",'unmark-btn' )

コロンを追加してみてください。最後に。そしてあなたの return false ステートメントの終わりに。