Question

当我显示成功消息onsubmit功能：

时，无法淡出淡出效果

这是我的 Javascript ：

<script>
popUpForm = function() {
    jQuery('#successMessage').text("Successfully submitted !").fadeIn("slow")
    jQuery('#successMessage').css("display", "block")

    setTimeout(function() {
        jQuery('#successMessage').fadeOut()
        jQuery('#successMessage').css("display", "none")
    }, 5000);
}
</script>  And Here is my message block div: <div th:id = "successMessage"  class="alert-box success"></div>

Answer 1

请参阅使用以下代码我不确定。

var auto_info = setInterval(function() {
        $("#successMessage").text("Successfully submitted !").fadeIn("successMessage");

    $("#successMessage").trigger('updatelayout');

    setTimeout(function() {
        jQuery('#successMessage').fadeOut();
    }, 5000);

   });

Answer 2

使用fadeIn / fadeOut函数时，您无需设置display属性，因为这些函数本身会隐藏并显示具有淡入效果的元素：

<script>
popUpForm = function() {
    jQuery('#successMessage').text("Successfully submitted !").fadeIn("slow");

    setTimeout(function() {
        jQuery('#successMessage').fadeOut();
    }, 5000);
}
</script>

当我在提交功能上显示成功消息时，无法淡出淡出

2 个答案: