Question

请确认我正确地做到了这一点：

我有一条消息，表示我希望在显示之后fadeOut。

一旦不透明度为零，jQuery fadeOut就会设置display：none。

因此，当我想通过设置可见性再次显示相同的消息时：可见消息将不会显示，因为仍然设置了display：none。

所以这就是我所做的：

        $("#message6").fadeOut(600, function(){
            $("#message6").css("display","");
            $("#message6").css("visibility","hidden");              
        });

这很好用。它似乎不太优雅。

我在这里遗漏了什么吗？有这样一种巧妙的方法吗？

Answer 1

你为什么不这样做：

$("#message6").fadeOut(600);

再次显示您的消息：

$("#message6").show();

Answer 2

我总是遇到jQuery的.fadeIn()和.fadeOut()方法的奇怪问题，所以通常我只是设置不透明度的动画。如果你只是隐藏和展示东西，这种方法没有错。

$('#message6').animate({opacity:0}, 200);

如果您不想要任何类型的淡入淡出动画，可以使用.hide()和.show()方法，.css({opacity:0})或.animate()方法{ {1}}动画持续时间。

Answer 3

为什么不这样呢

$(document).ready(function() {
        $('#myLabel').fadeOut(1000, function() {
            $(this).html(""); //reset the label after fadeout
        });
    });

<强> Sample

fadeOut后重新显示

3 个答案: