FadeIn動畫div與顯示：無屬性

Question

我遇到問題實施fadeIn函數爲我的div標記之一顯示：無屬性附加到它。

什麼是最好的方式去div標籤出現，然後淡入？我非常堅持保持顯示：無屬性。

這是我曾嘗試：

<div class="graphs_line_based clearfix" style="display:none" id = "test_id"> 

然後在我的.script文件：

document.getElementById('test_id').fadeIn(1000); 

它根本沒有播放動畫。任何幫助/建議，將不勝感激！

Answer 1

如果你正在嘗試使用jQuery的功能，.fadeIn，你必須調用指的是DOM對象是這樣的：

$('#test_id').fadeIn(1000); 

Answer 2

我想你的意思是說：

$("#test_id").fadeIn(1000); 

Answer 3

Try this solution if you want use javascript

<div class="graphs_line_based clearfix" style="display:block" id = "test_id">aiuto</div> 

fade(document.getElementById('test_id')); 

function fade(element) { 
    var op = 0.1; // initial opacity 
    var timer = setInterval(function() { 
     if (op >=1){ 
      clearInterval(timer); 
      //element.style.display = 'none'; 
     } 
     element.style.opacity = op; 
     element.style.filter = 'alpha(opacity=' + op * 100 + ")"; 
     op += op * 0.1; 
    }, 50); 
}