jquery - 如何在几秒钟后隐藏闪烁消息？

Question

在我的应用程序中，用户可以向其他用户提出挑战。因此，在成功发布挑战后，我会显示一条相同的即时消息。但现在我想在几秒钟后隐藏此消息。所以我写了以下代码:

$(document).ready(function(){
    setTimeout(function() {
        $("#successMessage").hide('blind', {}, 500)
    }, 5000);
});

<div id="successMessage" style="text-align:center; width:100%">
    <FONT color="green">
        <%if flash[:alert]=="Your challenge is posted successfully."%> 
            <h4><%= flash[:alert] if flash[:alert].present? %>
        <%end%>
    </font>
</div>

但是这段代码并没有隐藏div“successMessage”。

Answer 1

你可以尝试:

setTimeout(function() {
    $('#successMessage').fadeOut('fast');
}, 30000); // <-- time in milliseconds

如果你使用了这个，那么你的 div 将在 30 秒后隐藏。我也尝试过这个，它对我有用。