js на айфоне работает не корректно

191
10 сентября 2018, 05:20

На компьютере и андроид смартфонах всё работает как нужно. При нажатии или наведении на блок, анимируется картинка внутри него. А на айфоне нет! На айфоне - анимируется одна картинка, и не 1 раз, а бесконечно, т.е логично что setTimout не отключает класс "open" . Но я проверял. в других ситуациях он работал. Если что то в css префикс -webkit- на всех свойсвах анимации стоит.

var cards = document.body.getElementsByClassName('cards');
function AnimationCards(options){
var elem = options.elem;
var img = null;
elem.onmouseover = function(){
    img = this.querySelector('.card_img');
}
elem.addEventListener("click", go());
elem.addEventListener("mouseover", (go));
function go(){
    if (!img.classList.contains('run')){
        img.classList.toggle('run');
            setTimeout(function(){
                img.classList.toggle('run');
            }, 1000);
    }   
 };


     this.go = go;
}

var animationCard = [];
for (var i = 0; i < cards.length; i++){
        animationCard = new AnimationCards({
             elem: cards[i]   
    });    
         }
READ ALSO
Cannot read property &#39;toString&#39; of undefined

Cannot read property 'toString' of undefined

TypeError: Cannot read property 'toString' of undefined at c:\Users\Администратор\Desktop\project\routes\indexjs:35:27

205
Нужно изменить скрипт в зависимости от ширины экрана

Нужно изменить скрипт в зависимости от ширины экрана

Нужно сделать чтоб при ширине 375px выполнялась функция с другой высотой

182
localStorage обновляется. Как запретить

localStorage обновляется. Как запретить

При перезагрузке страницы отображаются только последнедобавленные, вместо всехЕсли var tasks = []; сделать глобальной, идет некорректное сохранение...

152
Вставка значений переменных в текст Javascript

Вставка значений переменных в текст Javascript

Имеется текст нескольких различных математических задач

190