2010-03-23 83 views
0

我是新来的JQuery,并想知道如何才能让Changes saved!只显示一次,即使用户多次按下提交按钮,例如,如果用户决定在那里更改信息三次不同的时间文本,Changes saved!Changes saved!Changes saved!显示我只想要Changes saved!显示一次。JQuery显示问题?

我该如何解决这个问题?我的代码的哪一部分需要修复?

这里是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 
    }); 
}); 

回答

2

只需将使用.html()的HTML,这将取代旧值:

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

.append()将增加那里的东西,.html()替换它。

1

您可以在页面上使用“更改已保存!导语和初始化它作为显示:无

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

然后

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