Javascript 鼠标悬停时关闭下拉菜单

我在这里读到了所有类似的文章，但没有人在我的情况下工作

所以我需要修改悬停时打开菜单的当前代码，我需要在鼠标移动时关闭，而不是在菜单外单击

代码是

$( ".p-navEl:not(.is-selected)").mouseenter(function() {
  if ($(this).attr('data-has-children') && $(this).not('.is-menuOpen')){
    // has children
    $(this).find( ".p-navEl-splitTrigger[aria-expanded='false']:not(.is-menuOpen)" ).trigger( "click" );            
  } 
});

html

请同时发布HTML代码，因为它可能与触摸屏上应该发生的事情有关？@Greg--我有另一个移动设备菜单，这只在桌面上有效。@m.cichacz我添加了html@Dimitry我认为菜单本身仍然缺少HTML。请共享所有与问题相关的HTML，或生成问题的代码。
<div class="p-navEl" data-has-children="true">
  <a href="/users/" class="p-navEl-link p-navEl-link--splitMenu " data-nav-    id="users">Users</a>
  <a data-menu-pos-ref="< .p-navEl" class="p-navEl-splitTrigger is-menuOpen" role="button" tabindex="0" " aria-expanded="true" aria-haspopup="true"></a>
</div>