javascript - 单击按钮时显示 div Javascript

Question

我的目标是在单击“保存”按钮时显示带有成功消息的 div。不幸的是，我所做的就是在每次加载页面时显示此消息。

这是我的代码：

<div id="fadeDiv">
    <p>Content saved !</p>
</div>

$(document).ready(function () {
    $('#fadeDiv').fadeIn(1000);
    setTimeout(function () { $('#fadeDiv').fadeOut(1000); }, 1000);
});

我试着做

$('#saveBtn").click(...);

但是当我点击按钮时，即使我没有 Response.Redirect() 页面也会重新加载，因此我的 div 不会显示。

谢谢你的帮助

标签： javascripthtmljqueryasp.net

Answer 1

此解决方案在开头隐藏按钮。

$("#saveBtn").click(function () {
    $('#fadeDiv').fadeIn(1000);
    setTimeout(function () { $('#fadeDiv').fadeOut(1000); }, 1000);
});

<div id="fadeDiv" style="display:none">
    <p>Content saved !</p>
</div>

<button id="saveBtn">
Save!
</button>