jquery onclick change value22

Question

私はそれをクリックすると、anochorとidの値を変更する必要があるコードを持っています。 値とアンカーは変更されますが、1回だけ変更されます。 なぜ動作しないのか教えていただけますか？

HTML

<a href="#" id="enable-edit-button">EDit</a> 

JS

<script type="text/javascript"> 
$(document).ready(function() 
{ 
    $("#enable-edit-button").click(function() 
    { 
     $(this).attr("id","save-edit-button"); 
     $(this).html("SAVE"); 

    }); 

    $("#save-edit-button").click(function() 
    { 
     $(this).attr("id","enable-edit-button"); 
     $(this).html("EDIT"); 
}); 

}); 
</script> 

Answer 1

あなたの質問がここで定義されます。.. Difference between .on('click') vs .click()

$('body').on('click', '#save-edit-button', function() { ... }); 

Answer 2

この

$(document).ready(function() 
{ 
    $(document).on('click', "#enable-edit-button", function() 
    { 
     $(this).attr("id", "save-edit-button"); 
     $(this).html("SAVE"); 

    }); 
    $(document).on('click', "#save-edit-button", function() 
    { 
     $(this).attr("id", "enable-edit-button"); 
     $(this).html("EDIT"); 
    }); 

}); 

をお試しください