完成后删除动画名称

Question

完成后，我似乎无法删除动画名称。这是我的代码。 我认为我的jquery中有问题，但是我似乎找不到它。

css

.nonlivemessage {
opacity: 0;
display: inline-block;
color: red;
font-weight: 600;
animation: 0.5s ease-in 0s normal both;
margin-top: 15px;
background-color: red;
color: white;
border-radius: 4px;
padding: 5px 3px;
}

@keyframes nonlive {

    0%{ 
    opacity: 0;
    }

    50% {
    opacity: 1;
    }   

    100% {
    opacity: 0;
    }

}

jquery

<script>
    $(window).on("load", function() {

    $( ".nonlivebutton" ).click(function() {
      $(".nonlivemessage").css("animation-name", "nonlive"), function(){
            $(".nonlivemessage").css("animation-name", "none");

        } 
    });

});
</script>

谢谢！

Answer 1

从$（“。nonlivemessage”）。css（“ animation-name”，“ none”）;中删除任何内容； $（window）.on（“ load”，function（）{

$( ".nonlivebutton" ).click(function() {
  $(".nonlivemessage").css("animation-name", "nonlive"), function(){
        $(".nonlivemessage").css("animation-name", "");

    } 
});