Question

我有一个LinkButton控件＆＃34;添加到包＆＃34;点击后我想调用一个添加CSS动画的JavaScript函数。它适用于Edge以外的所有其他浏览器。如果其他人也有这个问题我尝试在线研究，但我找不到任何东西。如果我只是打电话给＃34;警告（＆＃39;你好＆＃39;）;在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中的* /忘记令牌相关联。

OnClientClick功能在Edge浏览器中不起作用

1 个答案: