JQuery 디스플레이 문제가 있습니까?

Question

저는 JQuery를 처음 접했고 사용자가 제출 버튼을 여러 번 누르더라도 한 번만 표시 할 수 있습니까? 예를 들어 사용자가 텍스트를 세 번 바꾼다고 결정한 경우 Changes saved!Changes saved!Changes saved!이 표시됩니다. Changes saved!을 한 번 표시하고 싶습니다.

이 문제를 어떻게 해결할 수 있습니까? 내 코드의 어떤 부분을 수정해야합니까?

다음은 JQuery 코드입니다.

$(function() { 
    $('#changes-saved').hide(); 
    $('.save-button').click(function() { 
     $.post($('#contact-form').attr('action'), $('#contact-form').serialize(), function(html) { 
      $('div.contact-info-form').html(html); 
      $('#changes-saved').append('Changes saved!').show(); 
     }); 

     $('a').click(function() { 
      $('#changes-saved').empty(); 
      $('#changes-saved').hide(); 
     }); 

     return false; // prevent normal submit 
    }); 
}); 

Answer 1

당신은 단지 .html()를 사용하여 HTML을 설정할 수 있습니다, 이것은 이전 값을 대체합니다 :이 무엇

$('#changes-saved').html('Changes saved!').show(); 

.append()가 추가되며, .html() 그것을 대체합니다.

Answer 2

"변경 사항이 저장되었습니다!"라는 문구가 페이지에 나타날 수 있습니다. 선전없고 디스플레이로 초기화 : 없음이어서

<span style="display:none" id="changes-saved">Changes Saved</span> 

$('#changes-saved').show();