如何在懸停子菜單時保持懸停狀態？

即時通訊編輯嘗試使按鈕處於懸停狀態，而光標仍然在子菜單中，但無法弄清楚。真的需要幫助！謝謝！如何在懸停子菜單時保持懸停狀態？

function hideAllCat() { 
    $("#categories").hide(); 
} 

hideAllCat(); 

$("#tab50").mouseover(function(){    
    hideAllCat(); 
    $("#categories").slideDown(); 
}); 

$("#categories").mouseleave(function() { 
    hideAllCat(); 
});

http://jsfiddle.net/G5RtR/24/

來源

2017-03-03 Catherine Cheer Uttamchandani

你#tab50元素不是父#categories元素，所以你不能使用僞類:hover。 :hover只適用於鼠標右鍵下的物體。這就是說，你現在有2（++）可能的解決方案。

使#tab50父母#categories。當子菜單展開時，＃tab50也相應地展開。
使用JavaScript來完成這項工作。 $("#categories").mouseover(function({$("#tab50").css({'background':'#abc','color':'red'})}); 要記住，改變#tab50顏色恢復正常$("#categories").mouseleave();

注：

#categories應該是一個class代替id，因爲hideAllCat()應該隱藏所有categories，和一個在HTML文件中不能超過1 id。

來源

2017-03-03 03:05:45

多數民衆贊成我唯一的選擇，因爲即時通訊工作基於一個在線模板，我沒有訪問的HTML和只有JavaScript和CSS基本上。目前這個工作對我來說： '$（「＃categories2 」）.mouseenter（函數（）{。 $（「＃tab52一」）addClass（「tabhover」）; }）; （'＃categories2「）.on（'mouseleave'，function（）{ $（」＃tab52 a「）。removeClass（tabhover'）; }）;' 我不確定這是不是正確，因爲我有更多的標籤 –

所以你說這是工作？但是你不知道這是否正確？你能否澄清一下，或者用另一種方式陳述它？從你的代碼行看，他們會工作。 '.removeClass（tabhover'）'**缺少引號** btw –

如何在懸停子菜單時保持懸停狀態？

回答

相關問題