jQuery淡入？

Question

我要創建一條消息，該消息在頁面中淡出然后淡出以顯示他們在重定向到個人資料之前登錄的用戶，但是該消息僅出現在屏幕上而沒有淡出，但是它確實淡出了很好。

這是我的代碼：

echo "
<script src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js\">
</script>
<script>
$(function() {
    $('button').click(function() {
        $('p').fadeIn(3000);
        $('p').fadeOut(5000);
    });
});
</script>";
$error = "<meta http-equiv='refresh' content='100; Me'>
   <p style='font-weight:bold;color:green;padding:3px;'>Welcome back $name!</p>";

Answer 1

為了使fadeIn起作用，必須先隱藏元素

$(function () {
    $('button').click(function () {
        $('p').hide().fadeIn(3000).fadeOut(5000);
    });
});

Answer 2

您需要在隱藏<p>元素的情況下啟動頁面。

只需將display：none添加到<p>樣式即可。