Javascript 在div淡出后单击显示后退div
我有一个表单,用户点击按钮更新配置文件。在Javascript 在div淡出后单击显示后退div,javascript,jquery,html,Javascript,Jquery,Html,我有一个表单,用户点击按钮更新配置文件。在之后,通知他们它将淡出。它可以工作,但问题是当用户再次单击提交按钮时,将不再显示。我的代码在: function(data){ if (data.response==1) { $('#stage').html("<div style=\"background-color:#75A838; padding-left:20px;\">Your profile has been updated!</div
之后,通知他们它将淡出。它可以工作,但问题是当用户再次单击提交按钮时,
将不再显示。我的代码在:
function(data){
if (data.response==1)
{
$('#stage').html("<div style=\"background-color:#75A838; padding-left:20px;\">Your profile has been updated!</div>");
}
else if (data.response==0) {
$('#stage').html("<div style=\"background-color:#FF7800; padding-left:20px;\">No changes have been made to your profile!</div>");
}
$('#stage').delay(2000).fadeOut();
功能(数据){
if(data.response==1)
{
$('#stage').html(“您的个人资料已更新!”);
}
else if(data.response==0){
$(“#stage”).html(“您的个人资料未做任何更改!”;
}
$('阶段').delay(2000).fadeOut();
html代码
<div id="stage" style="color: white;"></div>
我错过了什么?请帮我。谢谢。一旦fadeOut()
完成,它会将div设置为display:none;
这里是更新的代码:
function(data){
if (data.response==1) {
$('#stage').show().html("<div style=\"background-color:#75A838; padding-left:20px;\">Your profile has been updated!</div>");
} else if (data.response==0) {
$('#stage').show().html("<div style=\"background-color:#FF7800; padding-left:20px;\">No changes have been made to your profile!</div>");
}
$('#stage').delay(2000).fadeOut();
}
功能(数据){
如果(data.response==1){
$('#stage').show().html(“您的个人资料已更新!”);
}else if(data.response==0){
$(“#stage”).show().html(“您的个人资料未做任何更改!”);
}
$('阶段').delay(2000).fadeOut();
}
div
上的.show()
将确保从div中删除显示:无;
,以下是一些可能感兴趣的链接:
另一方面,最好不要使用内联样式。而是使用addClass()和removeClass()@luk2302-可能此函数是在单击此代码外的按钮时启动的。@luk2302-你是对的。我只能将其淡入淡出一次,然后在第二次提交时无法显示div。是的。谢谢。这就解决了问题。我将阅读show()函数一旦我在Ya-Allah.Thank@Joe中获得时间,它就帮助我解决了我的代码$('#stage').html(message.show().delay(5000).fadeOut(400)。