Javascript .html（）与淡出（）一起工作不正常；

我有一个简单的功能，当我点击一个按钮时，会显示一条消息，上面写着

Success

它正在工作，但只有在第一次单击按钮时，当我再次单击按钮时，

Success

消息不再显示

以下是我的jQuery/Javascript代码

$(document).ready(function() {
    $('#submit').click(function(e){
    e.preventDefault();

    var message = 'Success';

    $('#message').html(message).delay(5000).fadeOut(400);
  })
})

似乎

.html（message）.delay（5000）.fadeOut（400）
这是我的Html代码

<div id="message"></div>
<input type="submit" value="submit" id="submit">



我有小提琴。这是链接
问题
在代码中使用jQuery的.fadeOut（）方法生成元素。除非您明确地使它可见，否则它将保持这种方式。例如，您可以使用相关方法.fadeIn（）生成元素

解决方案
您可以使用.fadeIn（）显示不可见消息，如下所示：

$（'#message'）.html（message）.fadeIn（400）；

在您的代码中，应按如下方式放置：

$（文档）.ready（函数（）{
$（“#提交”）。单击（函数（e）{
e、 预防默认值（）；
var消息='Success'；
$（'#message'）.html（message）.fadeIn（400）；
$（'#message'）.html（message）.delay（5000）.fadeOut（400）；
})
})
您必须使“消息”
再次可见；当它被淡出后，它会保持原样。哦，天哪，谢谢！我刚刚添加了这行代码
$（'#message group'）.html（message）.fadeIn（400）