Объединение функции щелчка и наведения в jQuery - PullRequest
0 голосов
/ 11 октября 2019

У меня есть функция jQuery, которая проверяет, коснулся ли пользователь экрана. Если пользователь коснулся экрана, когда пользователь касается ссылки, отображается div с соответствующим текстом. Если пользователь не коснулся экрана, но наводит курсор мыши, текст должен измениться, при нажатии на ссылку он должен прокрутиться вниз до соответствующего блока div.

Ниже приведен код, который пользователь, которого я проверяю, должен коснуться. и добавляет класс user-is-touching

window.addEventListener('touchstart', function onFirstTouch() {
    // we could use a class
    document.body.classList.add('user-is-touching');
    window.removeEventListener('touchstart', onFirstTouch, false);
}, false);

Ниже приведен код, который вызывает скрытый текст на сенсорных устройствах, по ссылке которого щелкает ссылка с классом o-c, и прокручивает до our-company div на бесконтактном уровне. device.

$(".o-c").click(function() {
    if ($('body').hasClass('user-is-touching')) {
     $('.home-o-c').show();
     $('.home-c-f').hide();
     $('.home-i-c').hide();
     $('.home-c-u').hide();
     $('.home-i-t').hide();
}  else {
    $('html, body').animate({
      scrollTop: $(".our-company").offset().top
    }, 2000);

}
});

Я бы использовал приведенную ниже функцию наведения, чтобы отобразить текст при наведении , но как мне проверить user-is-touching и вызвать функцию наведения, только если ее НЕТ?

$(".o-c").hover(function() {
    $('.home-o-c').show();
    $('.home-i-t').hide();
}, function() {
    $('.home-o-c').hide();
    $('.home-i-t').show();
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...