Question

以下代码与Chrome和Firefox（与“transitionend”）不一致。函数slogan_fade_next只是console.log('end');。我总是将类名应用于第一个span元素，但是当我单击刷新按钮，重新加载或其他任何内容时，其后的任何内容都会被击中。

应用于slogan-fadein的{{1}}类会将元素的不透明度从零更改为1，但回调函数slogan[]不会一致地调用。

fade_setup

Answer 1

而不是

    document.addEventListener('DOMContentLoaded', fade_setup);

你能用

吗？

    document.addEventListener('load', fade_setup)

使用当前的实现，JavaScript可能会在浏览器完成应用样式之前运行，因此，在定义任何转换之前。

Answer 2

问题是由应用样式的时间问题和Stephen提到的任何其他问题引起的。问题是，当我尝试触发第一次淡入时，事情没有解决，所以我用window.onload=slogan_fade_next;触发了它。当我的第一个元素完成它的时候，一切都已经解决了。

除了“它有效”之外，我绝对不再考虑这个问题，我相信我会想出一个更好的方法来做到这一点。