jQuery显示问题?

时间:2010-03-23 06:35:07

标签: jquery html

如何使用jQuery隐藏#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('<li>Changes saved!</li>').show().pause(1000).hide();
        });
        return false; // Prevent normal submit.
    });
});

1 个答案:

答案 0 :(得分:0)

在页面加载时保持div隐藏...

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

在按钮上单击更改div的css,如...

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

希望这有助于...欢呼......!