淡入淡出效果爲新創建的元素

Question

我知道有一個JQuery函數名稱fadeIn()並且搜索一些信息如何使用它。在W3Schools我讀過這樣的：

jQuery的fadeIn()方法用於在隱藏的元素褪色。

但是我將使用該函數爲我剛剛創建淡入的元素，它不會被隱藏！有沒有辦法爲新創建的元素創造相同的效果？下面是一些代碼扮演白衣它：

$("#resultaatArtisten").append(
    '<div class="option-item">' + 
     '<input type="hidden" value="' + var1 + '"/>' + 
     '<div class="artist-foto-container">' + 
      '<img src="' + image + '" class="artist-foto" alt="Foto van ' + name + '"/>' + 
     '</div>'+ 
     '<p>' + name + '</p>' + 
    '</div>' 
); 

Answer 1

試試這個：

$("#resultaatArtisten").hide().append(
    '<div class="option-item">' + 
     '<input type="hidden" value="' + var1 + '"/>' + 
     '<div class="artist-foto-container">' + 
      '<img src="' + image + '" class="artist-foto" alt="Foto van ' + name + '"/>' + 
     '</div>'+ 
     '<p>' + name + '</p>' + 
    '</div>' 
).fadeIn(); 

Answer 2

在第一div標籤，你可以添加style="display:none"，或者你可以在你的CSS文件添加display:none;您.option-item。

編輯

建議您添加display屬性到你的CSS文件。

.option-item{display:none;}