时间戳

首页 > 解决方案 > 鼠标离开时关闭下拉菜单

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

<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>

建议如何解决？

标签： javascript

解决方案

推荐阅读