jquery淡出显示:无

jquery淡出显示:无,jquery,fadein,fade,fadeout,Jquery,Fadein,Fade,Fadeout,为什么我的jQuery没有逐渐消失。如果我将Out替换为In,而没有替换为Inline,它将很好地淡入,但不会淡出。有什么想法吗 $(this).find(".hover").fadeOut("slow").css({display:"none"}); 问题是.css({display:'none'}),您不需要在那里使用此代码,因为淡出将在完成后隐藏它。尝试使用以下代码: $(this).find(".hover").fadeOut("slow"); 或者如果你一定要藏起来。。。试试这段代

为什么我的jQuery没有逐渐消失。如果我将Out替换为In,而没有替换为Inline,它将很好地淡入,但不会淡出。有什么想法吗

$(this).find(".hover").fadeOut("slow").css({display:"none"});

问题是
.css({display:'none'})
,您不需要在那里使用此代码,因为
淡出
将在完成后隐藏它。尝试使用以下代码:

$(this).find(".hover").fadeOut("slow");
或者如果你一定要藏起来。。。试试这段代码(fadeOut的第二个参数是在fadeOut完成后运行的回调函数)


虽然只是编码,但还没有测试,应该可以工作。正如McHerbie所说,当淡出完成时,display属性设置为none。我也不明白为什么要使用find。

第一个很好,我在想,但是我认为它会从页面中删除类,这样当我悬停时它就不会再添加它。OP使用
find
只获取类为“hover”的元素,这些元素是
this
的子元素(无论
this
是什么).正是火箭说的。我想你是建议这样做的:
$(“.hover”).fadeIn(“slow”)
,但是如果我在页面上有两个或更多,它们都会淡入,而我只想淡入一个
$(this).find(".hover").fadeOut("slow", function () {
    $(this).css({display:"none"});
});
$(document).ready(function(){
     $(".hover").fadeOut("slow", function(){
              alert("fadeout complete!!!");
     });
});