0

animationEnd の JavaScript を正しく動作させるのに問題があります。

ページの読み込み時にフェードインする div (「diaDiv」) があります。完全にフェードインしたら、その下の非表示のdiv（「responseDiv」）を表示するように変更します。

function displayText(){
    var element = document.getElementById('diaDiv');
    element.addEventListener('webkitAnimationEnd, document.getElementById('responseDiv').style.visibility = "visible", false);
    element.addEventListener('AnimationEnd, document.getElementById('responseDiv').style.visibility = "visible", false);
    element.addEventListener('webkitAnimationEnd, document.getElementById('responseDiv').style.visibility = "visible", false);
}

また、responseDiv のスタイリングを別の関数に入れ、イベント リスナーからその関数を呼び出すだけで試してみました。

これは人々が仕事をしているようですが、私はあまり運がありません. 関数を onLoad() で実行すると、最初から div が表示されるので、イベント リスナーの問題だと思います。助言がありますか？

4

1 に答える 1

2

s がありません。'が必要だと思いますfunction()。試す

function displayText(){
    var element = document.getElementById('diaDiv');
    element.addEventListener('webkitAnimationEnd', function() { 
        document.getElementById('responseDiv').style.visibility = "visible" 
    }, false);
    element.addEventListener('AnimationEnd', function() { 
        document.getElementById('responseDiv').style.visibility = "visible" 
    }, false);
    element.addEventListener('webkitAnimationEnd', function() { 
        document.getElementById('responseDiv').style.visibility = "visible" 
    }, false);
}
于 2013-10-01T02:12:57.433 に答える