2010-03-23 77 views
0

如何使用jQuery隱藏#changes-saved代碼?jQuery顯示問題?

例如,假設用戶點擊提交按鈕,然後離開當前網頁,然後返回到網頁,並且#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('<li>Changes saved!</li>').show().pause(1000).hide(); 
     }); 
     return false; // Prevent normal submit. 
    }); 
}); 

回答

0

在頁面加載保持在div隱藏...

<div id = 'changes-saved' style='display:none'> 
    some stuff 
</div> 

在按鈕單擊更改div的CSS像...

$('#changes-saved').css('display','block'); 

希望這有助於..歡呼聲.. 。!