Javascript 如何处理jQuery 3.4.1中的事件处理程序

它同时显示两个事件：

jQuery代码：

 $('[data-trigger="dropdown"]').on('mouseenter', function(){
    var submenu=$(this).parent().find('.submenu');

    submenu.addClass('active');

  }

HTML:

---

当触摸“用户登录”时，该程序应在右上角显示菜单，但不能显示。

您能提供html菜单的代码吗？可能您没有访问html元素properly@AlexisPavlidis这里是：

• • UL作为

    UL

    的直接子级-这是无效的html。请为html菜单提供代码？可能您没有访问html元素properly@AlexisPavlidis这里是：
    • Css层：Css层：。子菜单{列表样式：无；填充：0px；边框：1px实心#aaa；背景：#fff；页边距顶部：30px；框阴影：2px 2px 15px rgba（0，0，0，0.3）；宽度：250px；位置：绝对；右侧：20px；显示：无；}。子菜单。活动{display:block；}请将您的问题包含在那里的HTML中。注意，您可以使用它使其可运行。我帮助您进行编辑，并格式化了您在评论中发布的代码（如果您需要更改任何内容，您可以随时提出自己的问题）。请注意，您不能将

      UL

      作为

      UL

      的直接子级-这是无效的HTML

      <ul class="profile-menu"> 
          <li>
              <a class="profile-menu-trigger" data-trigger="dropdown" href="#">Logged in as User</a>
          </li> 
          <ul class="profile-submenu submenu ">
              <li><a href="#">Login</a></li>
              <li> <a href="#">Logout</a></li>
              <li><a href="#">Options</a></li> 
              <li><a href="#">Circus</a></li>
          </ul> 
      </ul>
      

      .submenu{ 
          list-style: none; 
          padding: 0px; 
          border: 1px solid #aaa; 
          background: #fff; 
          margin-top: 30px; 
          box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.3); 
          width: 250px; 
          position: absolute; 
          right: 20px; 
          display: none; 
      } 
      .submenu.active{ display: block; }