如何在移动设备上取消悬停元素

How to un-hover an element on mobile

本文关键字：取消悬停元素移动更新时间：2023-09-26

>我有一个下拉元素，在桌面上效果很好。http://www.c-testing.nl/werkenbijvanaarsen/growing-together/

但在移动设备上，再次点击时下拉列表不会折叠回来。我在这个论坛上阅读了一些答案，但在这种情况下似乎不起作用。

我试图只用 css 来实现这一点，但我读得越多，似乎在线 JavaScript 可以实现它。

有谁知道我如何在此元素上设置类似取消悬停之类的东西？

.pl-drop_down:hover ul { opacity: 1; visibility: visible; }

最好的问候，马克

仅使用 CSS ：hover 不太可能得到您想要的东西，因为这不是为触摸屏设计的。

要让它在移动设备上折叠起来，你可以添加javascript：

$('[selector that you want to tap]').click(function() { $('.pl-drop_down').css({'pointer-events': 'none'}); });

这将删除移动设备上的悬停状态，并使其重新折叠，不过，您需要jQuery才能使此解决方案正常工作。