Jquery悬停退出功能不起作用答案

【问题标题】：Jquery hover exit function not workingJquery悬停退出功能不起作用
【发布时间】：2016-01-04 12:49:14
【问题描述】：

$("#ss3a").hover(function(){
      $(".linksa").toggleClass("linksa",false);
    },function(){
      $(".linksa").toggleClass("linksa",true);
});

linksa 有一个“visibilty:hidden”css 属性。

第一部分有效，但是当我将鼠标移出 div 时，div 不会再次变得不可见。

我对 mouseenter 和 mouseleave 进行了同样的尝试，但仍然无法正常工作。

【问题讨论】：

看看第二个演示stackoverflow.com/a/16821586/2341815
所以？你解决了吗？

标签： jquery hover exit

【解决方案1】：

你可以这样使用：

$("#ss3a").hover(function(){
      $(".linksa").fadeOut(); //or hide, slideUp etc...
    },function(){
      $(".linksa").fadeIn(); //or show, slideDown etc...
});

【讨论】：

【解决方案2】：

这不起作用的原因是因为您首先将“.linksa”切换为 false，技术上删除了该类。当你的鼠标离开时，你使用 '.linksa' 作为你的选择器，因为你移除了它，所以无法找到它。

相反，这样做。

$(document).on({
    mouseenter: function () {
        $("#ss3a").removeClass("linksa");
    },

    mouseleave: function () {
        $("#ss3a").addClass("linksa");
    }
}, '#ss3a');

【讨论】：