Jquery 将悬停功能更改为在移动设备上单击/触摸

我目前拥有桌面/笔记本电脑链接悬停时显示的内容我如何将此更改为单击触摸/移动设备，因为有时我需要在链接上双击选项卡以显示内容？

我使用下面的代码来识别用户是否触摸屏幕以更改为单击功能

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

// or set some global variable
window.USER_IS_TOUCHING = true;

// or set your app's state however you normally would

$（.o-c”）.hover（函数（）{
$（'.home-o-c'）.show（）；
$（'.home-i-t'）.hide（）；
}，函数（）{
$（'.home-o-c'）.hide（）；
$（'.home-i-t'）.show（）；
});
$（“.c-f”）.hover（函数（）{
$（'.home-c-f'）.show（）；
$（'.home-i-t'）.hide（）；
}，函数（）{
$（'.home-c-f'）.hide（）；
$（'.home-i-t'）.show（）；
});
$（“.i-c”）.hover（函数（）{
$（'.home-i-c'）.show（）；
$（'.home-i-t'）.hide（）；
}，函数（）{
$（'.home-i-c'）.hide（）；
$（'.home-i-t'）.show（）；
});
$（“.c-u”）。悬停（函数（）{
$（'.home-c-u'）.show（）；
$（'.home-i-t'）.hide（）；
}，函数（）{
$（'.home-c-u'）.hide（）；
$（'.home-i-t'）.show（）；
});
addEventListener（'touchstart'，函数onFirstTouch（）{
//我们可以去上课
document.body.classList.add（'user-is-touching'）；
//或者设置一些全局变量
window.USER_为_=true；
//或者以通常的方式设置应用程序的状态
//我们只需要知道一次有人触摸了屏幕，这样我们就可以停止听了
removeEventListener（'touchstart'，onFirstTouch，false）；
}，假）；
$（“.o-c”）。单击（函数（）{
if（$（'body'）.hasClass（'user-is-touching'））{
$（'.home-o-c'）.show（）；
}否则{
$（'html，body'）。设置动画({
scrollTop:$（“.our company”）.offset（）.top
}, 2000);
}
});
$（“.c-f”）。单击（函数（）{
if（$（'body'）.hasClass（'user-is-touching'））{
$（'.home-c-f'）.show（）；
$（'.home-o-c'）.hide（）；
$（'.home-i-c'）.hide（）；
$（'.home-c-u'）.hide（）；
$（'.home-i-t'）.hide（）；
}否则{
$（'html，body'）。设置动画({
scrollTop:$（“.cf2”）.offset（）.top
}, 2000);
}
});
。左填充{
背景：#0000006b；
高度：100vh；
}
.正确填充{
背景：粉红色；
高度：100vh；
}
.vc_col-sm-6{
宽度：50%；
浮动：左；
}
.枢轴导航{
列表样式：无；
字体系列：“蒙特塞拉特”；
文本对齐：左对齐；
}
.轴心导航李a{
字体大小：1.6rem；
字号：700；
文本转换：大写；
显示：内联块；
位置：相对位置；
颜色：#fff；
文字装饰：无；
线高：40px；
}
.pivot导航li a.default-underline:：之后，
.pivot导航李a:悬停：：之后{
宽度：100%；
}
.pivot导航：悬停a.default-underline:非（：悬停）：：之后{
宽度：0；
}
.pivot导航李a：：之后{
底部：0；
内容：“；
显示：块；
高度：4px；
位置：绝对位置；
背景：#fff；
过渡：宽度0.3s至0.0s；
宽度：0；
}
.home-o-c，
.home-c-f，
.home-i-c，
.home-c-u{
显示：无；
}
.我们公司{
明确：两者皆有；
显示：块；
高度：50vh；
}
.cf2{
明确：两者皆有；
显示：块；
高度：50vh；
}

文本一

文本一

c-f的文本

更多有关i-c的文本
联系






我们公司向下滚动
向下滚动
是否要将鼠标悬停在台式机和笔记本电脑上，然后单击移动设备？是的，将鼠标悬停在台式机和笔记本电脑上，然后单击移动设备，就像在台式机和笔记本电脑上一样，鼠标悬停以显示内容，如果单击鼠标，则向下滚动到div。在移动设备上，没有向下滚动功能，对吗？或者我应该在jquery中继续吗？jquery更好吗？你可以发送整个代码吗？我可以修改您的代码或添加新代码吗？