Question

如何在另一个完成后调用JavaScript语句？只有在CSS转换完成后才能从DOM中删除容器元素。这可能是使用回调函数，还是需要创建自定义事件？如果不使用jQuery，最好知道如何。是否可以在没有Promise的情况下使用ES5？

var myContainer = document.getElementById("my-container");
myContainer.style.opacity = 1;
myContainer.style.transition = "opacity 1s";

var myButton = document.getElementById("myButton");
myButton.addEventListener('click', hideContainer);

function hideContainer() {

  // Set container opacity to 0
  myContainer.style.opacity = 0;

  // Only execute once opacity has reached 0.
  document.body.removeChild(myContainer);

}

Answer 1

您需要收听动画结束事件animationend并在完成后移除dom

myContainer.addEventListener("animationend", function(){
    document.body.removeChild(myContainer);
});

首次完成后调用语句没有jQuery

1 个答案: