jquery - 完成后删除动画名称

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>

谢谢！

标签： jquery

Answer 1

从 $(".nonlivemessage").css("animation-name", "none") 中删除 none；$(window).on("加载", function() {

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

    } 
});