javascript delay在fadeOut上添加顯示none

我想讓這個平滑的fadeIn fadeOut飛濺，但它立即添加「顯示無」。javascript delay在fadeOut上添加顯示none

$('.home #splash').removeClass('car-accident') 
        .addClass('personal-injury') 
        .delay(4000) 
        .fadeOut(400);

來源

2016-03-15 Jerry Schrader

你能添加一個演示請（代碼段或jsfidle）。它會更容易幫助你 – Alexis

它不那麼容易知道你想要什麼，沒有小提琴。但是你可以試試這個：.fadeOut（「slow」）; 您還可以選擇延遲：.fadeOut（）。delay（4000） – David

https://jsbin.com/munaxifuse/edit?js輸出 –

您還需要jQuery UI庫。您可以使用將從jquery.ui.js

我給你做一個例子來加載.toggleClass()功能： https://jsfiddle.net/C0dekid/pzdrm6uf/1/

讓我知道:)

來源

2016-03-15 13:12:55 Jer

沒有意識到我需要jQuery UI庫，謝謝。唯一的是我需要在那裏放幾個類，所以切換不起作用。我在本地添加了UI庫，它仍然導致bg圖像完全消失。 –

你的意思是放幾個班？你可以看看'.switchClass（）'函數：http://api.jqueryui.com/switchclass也許你正在尋找什麼？讓我知道！ :) – Jer

我基本上試圖建立一個旋轉木馬，與幾個不同的背景圖像。我通常使用Bootstrap，但想要做更多的定製。因此，可能會有5或6個不同的「幻燈片」與不同的背景圖像。 –

嘗試：

jQuery(document).ready(function($){ 
    $("#splash").removeClass("car-accident").addClass("personal-injury"); 
    $(".personal-injury").delay(400).fadeOut(400); 
});

來源

2016-03-15 13:14:44 madalinivascu

稍加說明會有幫助。什麼是問題，你的答案如何解決它？ – showdev

請在解決問題的原因和方式上添加一些關於您的解決方案的意見 –

javascript delay在fadeOut上添加顯示none

回答

相關問題