JQuery顯示問題？

我是新來的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 
    }); 
});

來源

2010-03-23 DuH

只需將使用.html()的HTML，這將取代舊值：

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

.append()將增加那裏的東西，.html()替換它。

來源

2010-03-23 23:08:43

您可以在頁面上使用「更改已保存！導語和初始化它作爲顯示：無

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

然後

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

來源

2010-03-23 23:11:11

JQuery顯示問題？

回答

相關問題