mouseOut事件時，我的提示懸停觸發

它具有這樣的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 CSS CLass .hastip也被徘徊，我需要菜單保持打開狀態。

我該怎麼做？

來源

2016-12-27 JasonDavis

什麼是HTML標記？ – epascarello

@epascarello https://codepen.io/jasondavis/pen/xRoERe?editors=0111 – JasonDavis

所有你需要的嵌套.actions-list裏面.actions-menu（如果可能的話）。

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

來源

2016-12-27 17:15:28

你可以在這裏看到我的演示，看你的問題https://codepen.io/jasondavis/pen/xRoERe?editors=0101當你打開下拉菜單並將鼠標懸停在工具提示上即可關閉 – JasonDavis

我認爲問題在於你的'tipsy'元素被添加到body，所以當你的鼠標移過工具提示'mouseout'時會觸發（因爲'tipsy'元素不在'.hastip '）元素。這個想法是你可能嘗試使用'appendTo（this。$ element）'而不是'appendTo（document.body）'，我已經嘗試過了，但是工具提示並不顯示，也許你需要修改CSS或內聯樣式能夠顯示事件工具提示插入'.hastip'元素內。 –

mouseOut事件時，我的提示懸停觸發

回答

相關問題