Jquery悬停退出函数不工作
linksa具有“Visibility:hidden”css属性 第一部分工作,但是当我将鼠标移出div时,div不会再次变为不可见Jquery悬停退出函数不工作,jquery,hover,exit,Jquery,Hover,Exit,linksa具有“Visibility:hidden”css属性 第一部分工作,但是当我将鼠标移出div时,div不会再次变为不可见 我在mouseenter和mouseleave上也尝试了同样的方法,但仍然不起作用。您可以使用以下方法: $("#ss3a").hover(function(){ $(".linksa").toggleClass("linksa",false); },function(){ $(".linksa").toggleClass("lin
我在mouseenter和mouseleave上也尝试了同样的方法,但仍然不起作用。您可以使用以下方法:
$("#ss3a").hover(function(){
$(".linksa").toggleClass("linksa",false);
},function(){
$(".linksa").toggleClass("linksa",true);
});
这不起作用的原因是,您首先将“.linksa”切换为false,从技术上删除该类。当鼠标离开时,您使用“.linksa”作为选择器,这是不可能的,因为您已将其删除 相反,像这样做
$("#ss3a").hover(function(){
$(".linksa").fadeOut(); //or hide, slideUp etc...
},function(){
$(".linksa").fadeIn(); //or show, slideDown etc...
});
看一下第二个演示,好吗?你解决了这个问题吗?
$(document).on({
mouseenter: function () {
$("#ss3a").removeClass("linksa");
},
mouseleave: function () {
$("#ss3a").addClass("linksa");
}
}, '#ss3a');