2015-11-17 3 views
0

У меня есть элемент управления LinkButton «Добавить в мешок», и при нажатии меня хочу вызвать функцию JavaScript, которая добавляет анимацию CSS. Он работает в любом другом браузере, кроме Edge. Я пытался исследовать онлайн, если у других людей тоже была эта проблема, но я ничего не мог найти. Если я просто называю «предупреждение („привет“). В OnClientClick работает ли у кого-то этот вопрос и хотите я могу сделать, чтобы исправить этоФункция OnClientClick не работает в браузере Edge

<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); 
    } 
} 
+0

не могли бы вы опубликовать определения CSS для этих классов, '' pulse2' и backgroundChange'? Его, вероятно, вы используете правила, которые не оплачено Edge – laylarenee

+2

Ничего общего с Classic ASP. – Paul

ответ

0

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

enter image description here

Смежные вопросы