如何使用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

您的代碼對我有用 （ 這是一個小提琴 ）。 問題是您尚未包含指向jQuery庫的有效鏈接，或者是在到達以下導致其停止執行的代碼之前發生錯誤。

jQuery的

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

Answer 2

只需淡入頁面加載時的消息，然后設置超時以在3秒后淡出

檢查演示

編輯

$('#message').fadeIn()
.queue(function() {
    setTimeout(function() {
        $('#message').fadeOut();
    }, 3000);
    $(this).dequeue();
});

Answer 3

您是在與div元素位於同一頁面上編寫此腳本還是位於外部頁面上？ 如果在外部頁面上，則嘗試通過簡單地放置一個警報框來檢查控件是否傳遞到該頁面。
如果此腳本位於同一頁面上，請確保在定義的元素之后編寫該腳本，就像在頂部或#message div之前編寫該腳本一樣，然后在腳本加載到頁面上之前就運行該腳本，並且不會有任何區別。

Answer 4

$('div#message').fadeIn(3000,function()
{
    $(this).delay(3000);
    $(this).fadeOut(200);

});

希望這對您有用。