javascript - 一种在悬停而不是单击时触发子菜单的方法？(a way to trigger Sub Menus on hover instead of click?)

Question

for the menu widget / how can I have sub-menus trigger on HOVER instead of clicking ?!!!

(菜单小部件/如何在HOVER上具有子菜单触发器而不是单击？！)

if there is no what, how can I do this with custom code / perhaps JS ... ?

(如果没有，我该如何使用自定义代码/也许是JS ...？)

not sure hot to get to JS code used here / this is an WordPress , ELEMENTOR menu widget / and that's the HTML that goes around that sub-menu // is there any possible way to manipulate anything from this HTML to make a JS code that will trigger a click when that menu item is hovered ??

(不确定要在这里使用JS代码很火/这是一个WordPress，ELEMENTOR菜单小部件/就是该子菜单中的HTML //是否有任何可能的方式来操纵此HTML中的任何内容以制作JS代码，悬停该菜单项时将触发单击？)

here is the code from my developer tools inspect element:

(这是我的开发人员工具inspect元素中的代码：)

<a href="#" class="pp-menu-item has-submenu highlighted" id="sm-15751350229339702-1" aria-haspopup="true" aria-controls="sm-15751350229339702-2" aria-expanded="true">My Prescription<span class="sub-arrow"></span></a>

<ul class="sub-menu pp-advanced-menu--dropdown sm-nowrap" id="sm-15751350229339702-2" role="group" aria-hidden="false" aria-labelledby="sm-15751350229339702-1" aria-expanded="true" style="z-index: 3; width: auto; min-width: 10em; display: block; max-width: 1000px; top: auto; left: 0px; margin-left: 0px; margin-top: 0px;">
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-407"><a href="https://www.hyatt.icodetheweb.com/refillrx/" class="pp-sub-item">RefillRX</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-408"><a href="https://www.hyatt.icodetheweb.com/transferrx/" class="pp-sub-item">TransferRX</a></li>
</ul>

  ask by user10366078 translate from so

Answer 1

等待大神答复