2012-06-01 125 views
0

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

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> 

回答

1

問題是invokeEnumerable的方法,以及$返回一個Element,而不是一個Enumerable

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

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

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