使用scriptaculous的淡入淡出效果

Question

我想淡入div的效果，下面的腳本不起作用。可能是什麼問題？非常感謝。

function fadeIn(){ 

    $('test').invoke("fade", { 
     from: 0, 
     to: 1, 
     afterFinish: function() { 

      $('test').setStyle({ 
       display: 'block'    
      });   
     } 
    }); 
} 

<div class='top'> 
    <div id="test" style="display:none"> 
     Fade in test 
    </div> 
</div> 

<a href="#" onClick="fadeIn(); ">Click me</a> 

Answer 1

問題是invoke是Enumerable的方法，以及$返回一個Element，而不是一個Enumerable。

由於$有效是getElementById的別名，也沒有必要爲它返回元素的數組（你只能有任何給定的id一個元素，那麼只有一個元素都不會被退回）。

你可以只調用fade直接的元素：

$('test').fade({ 
    from: 0, 
    to: 1, 
    afterFinish: function() { 
     $('test').setStyle({ 
      display: 'block'    
     });   
    } 
});