Функция OnClientClick не работает в браузере Edge

Question

У меня есть LinkButton контролировать "Добавить в корзину" и при нажатии я хочу вызвать функцию JavaScript, которая добавляет CSS анимация. Он работает в любом другом браузере, кроме Edge. Я пытался исследовать онлайн, если у других людей была эта проблема также, но я не мог найти что-нибудь. Если я просто вызываю "alert('hello')"; в OnClientClick это работает. У кого-нибудь возникла эта проблема, и хочу ли я ее исправить?

<asp:LinkButton ID="_addToCart" ToolTip="Add to Bag" runat="server" OnClick="AddToCart_Click" OnClientClick="return Pulse();"  ClientIDMode="Static" Text="Add to Bag"  />

function Pulse() { 
    $('#totalItemBag').addClass("pulse2");
    $('#backgroundAnimation').addClass("backgroundChange");
}

.pulse2 {
    animation: pulse2 1s linear infinite;
    -webkit-animation-iteration-count: 1;*/ 
    animation-iteration-count: 1;
}

@keyframes pulse2 {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    25% {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -o-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
        background: url("../Images/icon-mybag-default.png") no-repeat;
        background-position: top;
        width: 50%;
        height: 50px;
    }
    50% {
        -webkit-transform: scale(1.4);
        -moz-transform: scale(1.4);
        -o-transform: scale(1.4);
        -ms-transform: scale(1.4);
        transform: scale(1.4);
        background: url("../Images/icon-mybag-default.png") no-repeat;
        background-position: top;
        width: 50%;
        height: 50px;
    }
    75% {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -o-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
        background: url("../Images/icon-mybag-default.png") no-repeat;
        background-position: top;
        width: 50%;
        height: 50px;
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

Answer 1

Я уверен, что это связано с */ забытым токеном, который есть в вашем CSS.