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

时间:2016-07-13 08:24:55

标签: javascript css hover

我有一个在桌面上运行良好的下拉元素。 http://www.c-testing.nl/werkenbijvanaarsen/growing-together/

但是在移动设备上,再次点击时下拉列表不会崩溃。 我在这个论坛上阅读了一些答案,但在这种情况下似乎没有用。

我只是想用css来实现这个目标,但是我读到的内容越多,似乎在线javascript就可以实现它。

有人知道如何在这个元素上设置像un-hover这样的东西吗?

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

最好的问候,马克

1 个答案:

答案 0 :(得分:2)

你不可能只使用CSS得到你想要的东西:悬停,因为这不是专为触摸屏设计的。

要让它在移动设备上折叠,您可以添加javascript:

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

这将删除移动设备上的悬停状态,并且应该使其折叠回来,您需要jQuery才能使此解决方案正常工作。

相关问题