javascript - 如何使用 jQuery 在页面加载时淡入 div 消息

Question

我试图在 3 秒后使用淡入淡出加载页面时显示一个 div 消息，但我的代码似乎不起作用，请帮忙？我做错了什么？

HTML

<div id="message" class="jumbotron" style="display:none;">
    <p><?php echo $m; ?></p>
</div> 

jQuery

$(document).ready(function(){

        $('div#message').fadeIn(3000).delay(3000).fadeOut(2000);

});

Answer 1

您的代码对我有用 ( Here's a fiddle )。问题是您没有包含指向 jQuery 库的有效链接，或者在它到达以下代码之前发生错误导致它停止执行。

jQuery

$(document).ready(function(){
        $('div#message').fadeIn(3000).delay(3000).fadeOut(2000);
});