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'               
        });           
    }
});

脚本效果与scriptaculous

1 个答案: