2012-03-03 93 views
0

如何在動畫完成後顯示div?Jquery - 動畫完成後顯示div

這是我的代碼,動畫作品,但格沒有出現......

<script type="text/javascript"> 
    jQuery(document).ready(function() {       
    $('#container-single article').delay(2000).animate(
    {left: '-490'}, 
    {duration: 250, 
    easing: 'easeOutQuad' 
    } , function() { 
    $('#close').css("display", "block"); 
    }); 
}); 
</script> 

感謝

+0

嘗試'$( '#關閉')顯示();'? – mindandmedia 2012-03-03 19:34:03

+0

另外,請確保您的初始顯示屬性確實是'none',並且您可能沒有使用'visibility:hidden'。 – f0x 2012-03-03 19:34:59

回答

3

,因爲它可以與像這樣寫你的CSS或HTML標記伊夫外力的問題。

http://jsfiddle.net/zQWa8/1/

$(document).ready(function() {       
    $('#container-single article').delay(2000).animate({ 
     left: '-490', 
     easing: 'easeOutQuad' 
    }, 500, function() { 
     $('#close').css("display", "block"); 
    }); 
}); 
+0

太棒了!它運作良好,謝謝。 – 2012-03-03 20:11:10