fadeout後jquery延遲

我正在淡入淡出3個div。淡入淡出效果很好，除了div淡出之後發生延遲。驗證碼：fadeout後jquery延遲

runslide(); 

function runslide() { 
    $('.expect').fadeIn(1500).delay(7500).fadeOut(2000, function() { 
     $('.marketing').fadeIn(1500).delay(7500).fadeOut(2000, function() { 
      $('.consider').fadeIn(1500).delay(7500).fadeOut(1000, function() { 
       runslide(); 
      }); 
     }) 
    }); 
}

這裏是我的工作文件：http://goo.gl/8xt1XZ，它是文本後滑塊。

來源

2014-03-06 Samia Ruponti

我創建了一個基於你的網站一個簡單的小提琴，但它似乎是工作。 http://jsfiddle.net/d4xbN/1/你可以發佈任何你有幻燈片的CSS嗎？ – Mathias

延遲不適用於動畫 – sbaaaang

@sbaaaang - 如果不是動畫，它會如何處理？ – adeneo

改變這樣

runslide(); 

function runslide() { 
$('.expect').fadeIn(1500).fadeOut(2000, function() { 
$('.marketing').fadeIn(1500).fadeOut(2000, function() { 
    $('.consider').fadeIn(1500).fadeOut(1000, function(){ 
    runslide(); 
}); 
}) 
}); 
}

DEMO

來源

2014-03-06 19:35:15

是的，消除所有的延誤將解決這個問題，我只是不認爲這是在這裏之後的OP。 – adeneo

@adeneo我也沒有關於他腦海中的確切想法。讓他檢查這個.. :) –

對不起，我遲到了！我希望幻燈片在淡出之前保持一段時間。恰恰相反的事情正在發生。當前幻燈片淡出，該地方保持空白，然後出現另一個幻燈片。希望有所幫助。 –

延遲代碼似乎是工作的罰款。你確實有一個缺少分號，但我不認爲這是問題。我不確定您的網站上存在什麼問題。我試過用jQuery版本1和2，兩者似乎都工作正常。

http://jsfiddle.net/csrow/5t4rL/2/

$('.expect').hide(); 
$('.marketing').hide(); 
$('.consider').hide(); 
runslide(); 

function runslide() { 
    $('.expect').fadeIn(1500).delay(7500).fadeOut(2000, function() { 
     $('.marketing').fadeIn(1500).delay(7500).fadeOut(2000, function() { 
      $('.consider').fadeIn(1500).delay(7500).fadeOut(1000, function() { 
       runslide(); 
      }); 
     }); 
    }); 
}

來源

2014-03-06 20:31:40

fadeout後jquery延遲

回答

相關問題