Question

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

linksa有一个“visibilty：hidden”css roperty。

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

我尝试使用mouseenter和mouseleave进行相同操作，但它仍无效。

Answer 1

您可以使用以下内容：

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

Answer 2

这不起作用的原因是因为你最初是在切换＆＃39; .linksa＆＃39;作为假，从技术上删除了课程。当你的鼠标离开时，你使用＆＃39; .linksa＆＃39;作为你的选择器，因为你将它删除了，这是不可取的。

相反，这样做。

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

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

Jquery悬停退出功能不起作用

2 个答案: