jQuery悬停 - 按钮保持悬停效果

Question

$("#navigation li.active").next().hover(function() {
   $(this).css("box-shadow", "inset -4px 0 7px -5px black");
});

当我从按钮上释放光标时，按钮保持悬停效果。您能否说一下如何制作正常的悬停效果，该效果必须在光标位于按钮上时显示。

Answer 1

您需要添加鼠标离开处理程序

$("#navigation li.active").next().hover(function() {
   $(this).css("box-shadow", "inset -4px 0 7px -5px black");
}, function(){
   $(this).css("box-shadow", "");
});