如何在加載元素內部html上播放動畫？

Question

我要玩一些加載元素的innerHTML時的動畫，這裏是我的代碼：

function loadslide(){ 

     ... 
     $('.m').html($('.bigSlider div:nth-child(1)').html()).fadeIn("slow"); 
} 

$('.rightarrow').click(function(event){ 

     event.preventDefault(); 

     loadslide(); 
}); 

但是當我按一下按鈕沒有動畫顯示。

Answer 1

韋爾普，元素需要隱藏它能夠淡入

所以你必須相應地安排你的元素，如果沒有什麼顯示您的元素只

$('.m').hide().html($('.bigSlider div:nth-child(1)').html()).fadeIn("slow"); 

如果那是無法完成的，因爲它有一些可見的部分，也許你可以有一個沒有任何東西的內部div，所以你可以隱藏它。但它需要事先隱藏