Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery悬停退出函数不工作_Jquery_Hover_Exit - Fatal编程技术网

Jquery悬停退出函数不工作

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

linksa具有“Visibility:hidden”css属性

第一部分工作,但是当我将鼠标移出div时,div不会再次变为不可见


我在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');