0

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>
4

1 に答える 1

1

問題は、invokeが のメソッドであり、ではなくEnumerableを$返すことです。ElementEnumerable

$は実質的に のエイリアスであるため、getElementById要素の配列を返す必要はありません (指定された には 1 つの要素しか持てないidため、返される要素は 1 つだけです)。

fade要素で直接呼び出すことができます：

$('test').fade({
    from: 0, 
    to: 1,
    afterFinish: function() {
        $('test').setStyle({
            display: 'block'               
        });           
    }
});
于 2012-06-01T12:55:11.873 に答える