replaceWith（），而元素淡出（）和淡入（）在JQuery中

我試圖做的是簡單，淡出容器內的所有圖片，替換＃NEXT1的圖像#active，之後再次淡入的所有圖像。replaceWith（），而元素淡出（）和淡入（）在JQuery中

這裏是我的代碼：

$('.logo').fadeOut('slow', function() { 
    $('#active>img').replaceWith($('#next1>img')); 
}).fadeIn('slow', function() {});

這不起作用。我發現自己在看空#active

但這不過;

$('.logo').fadeOut('slow', function() {}).fadeIn('slow', function() {}); 
$('#active>img').replaceWith($('#next1>img'));

使取代很好，但不是我想要做的動畫。

我得到兩個Chrome和IE相同的結果。

您使用FF或IE瀏覽器 -

$('.logo').fadeOut('slow').promise().done(function(logo) { $('#active>img').replaceWith($('#next1>img')); $(logo).fadeIn('slow'); });

jQuery的承諾：此處作爲例子，你可以做這樣的事情？ –

與鉻和ie相同 –

我的建議是看在jQuery的承諾/完成的方法。 http://api.jquery.com/promise/

2011-10-24 01:31:54

嘗試：

$('.logo').fadeOut('slow', function() { 
    $('#active>img').replaceWith($('#next1>img')); 
    $(this).fadeIn('slow'); 
});

假設你想要什麼來實現的淡出，然後替換內容，同時.logo是隱藏的，則衰落標誌更換後。這裏

2011-10-24 01:27:49 millimoose

回答