6

私がこれを正しく行っていることを確認してください：

表示後にフェードアウトしたいというメッセージがあります。

不透明度がゼロになると、jQuery fadeOut は display: none を設定します。

したがって、visibility: visible を設定して同じメッセージを再度表示したい場合、display: none がまだ設定されているため、メッセージは表示されません。

だからこれは私がやったことです：

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

これはうまくいきます。あまりエレガントに見えません。

ここで何か不足していますか？これを行うきちんとした方法はありますか？

4

3 に答える 3

12

やってみませんか：

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

そして、メッセージをもう一度表示するには：

$("#message6").show();
于 2012-11-05T08:56:07.450 に答える
1

どうしてこんなものじゃないの？

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

サンプル

于 2012-11-05T08:56:01.243 に答える
0

私はいつもjQuery.fadeIn()と.fadeOut()メソッドで奇妙な問題を抱えていたので、通常は不透明度をアニメートするだけです。物事を隠して見せているだけなら、このアプローチに問題はありません。

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

フェージングアニメーションが必要ない場合は、.hide()and.show()メソッド、または.css({opacity:0})、またはアニメーション期間のある.animate()メソッドを使用できます。0

于 2012-11-05T08:55:39.683 に答える