У меня есть функция 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();
});