Question

我无法为我的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从一开始就可见，所以我假设它是我的事件监听器的问题。有什么建议吗？

Answer 1

您遗失了'，我相信您需要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);
}

无法获取javascript来检测css3 animationend

1 个答案: