2012-08-29 47 views
0

我想操縱一個使用jQuery效果鏈的對象。鏈中的一些效應取決於對象的當前位置。但似乎整個效果鏈在執行之前排隊,所以任何函數調用來獲取當前定位都會返回不正確的值。 (.fadein()。fadeOut()。animate())將在每個效果完成後使用回調來開始下一個。或者我可以看看使用jQuery隊列。jQuery效果和隊列

我正確地認爲,如果我編寫回調函數,例如.fadeIn(500,startNextEffect),當fadeIn效果排隊時,不會評估startNextEffect的內容嗎?有沒有更容易我失蹤?

感謝信, 克里斯

+0

當動畫結束,所以是它的內容將不會被直到然後評價(除了從外範圍的預先高速緩存的VARS其中將具有所述的'startNextEffect'功能將被調用當然最後一個值)。 –

回答

0

您可以用CSS position財產重疊的圖像,比使用fadeIn()和​​效果:

Here is jsFiddle example.

的jQuery:

$(document).ready(function() { 
    $('img').click(function() { 
     $('img').fadeOut(400); 
     $(this).next().delay(100).fadeIn(600); 
    }); 
}); 

CSS:

img { position:absolute; left:10px; top:10px; }​