Блог

Нам нужно показывать счетчик при нажатии на кнопку. В нашей теме (the7) есть несколько классов, которые показывают красивый спиннер.

Итак, в начале сайта мы установили это :

 lt;style type="text/css"gt;.load-wrap{visibility:hidden;opacity:0;}lt;/stylegt;  

и событие кнопки onclick, мы установили это :

 onclick = "var x = document.getElementsByClassName('load-wrap'); var i; for (i = 0; i lt; x.length; i  ){  x[i].style.opacity='0.9';  x[i].style.visibility='visible';  x[i].style.display='flex'; } if(document.getElementById('load')!== null){  document.getElementById('load').style.visibility='visible';  document.getElementById('load').style.display='block';  document.getElementById('load').style.opacity='0.98'; } document.form.submit();"  

Он отлично работает в Chrome и Firefox, но в Safari счетчик зависает. Я читал, что это происходит потому, что после отправки формы Safari приостанавливает анимацию вращателя.

Есть ли какая-нибудь помощь в этом поведении в Safari? Как мы могли бы решить эту проблему?