Jquery 悬停退出功能不工作

Question

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

linksa 有 "visibilty:hidden" css 属性。

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

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

Answer 1

你可以这样使用：

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

Answer 2

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

相反，这样做。

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

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

Jquery 悬停退出功能不工作

Jquery hover exit function not working

jquery

exit

hover