Нажмите / коснитесь img, чтобы fadeToggle div не работал в Chrome Mobile на пикселе

Так же, как говорит эта грудь. Работает несколько ОС и вся линейка iPhone, несколько браузеров, но тестирование на моем Pixel с использованием хрома не работает. Используя мой телефон, он работает с Opera Mini и Firefox.

HTML:

    <div class="contact-box row">
        <a href="https://www.facebook.com/Abaladi%C3%A7a-Algarve-Craft-Beer-797257403729657/" target="_blank">
            <img class="fb-icon icon" src="./resources/icons/Facebook.svg" alt="facebook">
        </a>
        <img class="mail-icon icon" src="./resources/icons/Email.svg" alt="email">

JQuery

var msg = $('.mail-icon');

var form = $('.form-box');

msg.on('click touchstart', function() {
    form.fadeToggle();
    return false;
});

Abaladica

Источник

2 ответа

Попробуйте этот код:

var msg = $('.mail-icon');
var form = $('.form-box');
$("body").on("click touchstart", ".contact-box .mail-icon", function(e) {
    e.stopPropagation();
    form.fadeToggle();
    return false;
});
Источник

После удаленной отладки проблема была в том, что jquery cdn загружался недостаточно быстро. Просто изменил его на googleapis cdn и теперь он работает.

Источник
Другие вопросы по тегам