当我的工具提示悬停时，会触发jQuery中的mouseout事件

Question

我有这个添加

的菜单

它有这个jQuery代码在悬停时添加一个类，并在鼠标移除时删除如下所示...

$(document).ready(function(){
  $('.actions-menu').hover(function(){
    $(this).addClass('active');
    $(this).find('.actions-list').show();
  }, function(){
    $(this).removeClass('active');
    $(this).find('.actions-list').hide();
 });
});

问题出在下图中，当弹出菜单中的按钮图标悬停时，它会显示工具提示。当您悬停此工具提示时，它会在上面的代码中触发鼠标输出并关闭菜单。

如果带有CSS CLass .hastip的工具提示也悬停，我需要保持打开菜单。

我该怎么做？

Answer 1

您需要的只是在.actions-list内嵌套.actions-menu（如果可能的话）。

示例：http://codepen.io/anon/pen/bBPLNK