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

我有一个下拉元素，它在桌面上非常有效。

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

我只是想用css来实现这一点，但我读的越多，在线javascript似乎就能实现这一点

有人知道我如何在这个元素上设置类似于取消悬停的东西吗

.pl-下拉菜单：悬停{
不透明度：1；
能见度：可见；
}

---

致以最诚挚的问候，Mark

仅使用CSS:hover不太可能得到您想要的，因为它不是为触摸屏设计的

要使其在移动设备上重新折叠，您可以添加javascript：

$（“[要点击的选择器]”）。单击（函数（）{
$（'.pl-drop_down'）.css（{'pointer-events'：'none'}）；
});

这将删除移动设备上的悬停状态，并应使其重新折叠，但此解决方案需要jQuery才能正常工作。
仅使用CSS:hover不太可能获得所需的内容，因为它不是为触摸屏设计的

要使其在移动设备上重新折叠，您可以添加javascript：

$（“[要点击的选择器]”）。单击（函数（）{
$（'.pl-drop_down'）.css（{'pointer-events'：'none'}）；
});

这将删除移动设备上的悬停状态，并使其重新折叠，但您需要jQuery才能使此解决方案正常工作。
Hi Jordan，感谢您的回复。不幸的是，这在这种情况下不起作用。我把这个脚本放在de Wordpress functions.php
$（'.pl-drop_-down.wf'）。单击（function（）{$（'.pl-drop_-down'）.css（{'pointer-events'：'none'}）；}）我想jquery已经在网站上运行了，所以我认为这不是问题所在。你觉得我做错什么了吗？嗨，乔丹，我又来了。我做了一些额外的研究，我发现，对于Wordpress网站，我必须将脚本放在SOM额外的脚本之间。现在是脚本：
（函数（$）{$（'.pl-drop_-down.wf'）。单击（函数（）{$（'.pl-drop_-down'）.css（{'pointer-events'：'none'}）；}）；}）（jQuery）但首先我看到，在向后折叠后，我无法再次打开切换。它也适用于桌面版本。我能做点什么吗？问候标记您必须设置
{'pointer-events'：'auto'}
才能再次启用悬停事件。您可能需要在之前调用元素上的
blur（）
，以防止立即获得悬停事件。嗨，Jordan，谢谢您的回复。不幸的是，这在这种情况下不起作用。我把这个脚本放在de Wordpress functions.php
$（'.pl-drop_-down.wf'）。单击（function（）{$（'.pl-drop_-down'）.css（{'pointer-events'：'none'}）；}）我想jquery已经在网站上运行了，所以我认为这不是问题所在。你觉得我做错什么了吗？嗨，乔丹，我又来了。我做了一些额外的研究，我发现，对于Wordpress网站，我必须将脚本放在SOM额外的脚本之间。现在是脚本：
（函数（$）{$（'.pl-drop_-down.wf'）。单击（函数（）{$（'.pl-drop_-down'）.css（{'pointer-events'：'none'}）；}）；}）（jQuery）但首先我看到，在向后折叠后，我无法再次打开切换。它也适用于桌面版本。我能做点什么吗？问候标记您必须设置
{'pointer-events'：'auto'}
才能再次启用悬停事件。您可能必须在之前对元素调用
blur（）
，以防止立即进入悬停事件。