2

私のjqueryを使用して、メッセージの不透明度をアニメーション化し、loading.gifを挿入し、不透明度を元に戻すことで、メッセージから読み込み関数への移行を簡単に行えるようにしようとしています。失敗します。

$('#powerSearchSubmitButton').click(function(ev) {
    startLoad();
    return false;
});
function startLoad() {
    $('.message').each(function(i) {
        $(this).animate({opacity: 0}, 500, function() {
            $(this).html("<img src=\"/content/pics/loadingBig.gif\" alt=\"loading\" style=\"opacity:0\"/>");
            $(this).animate({opacity: 1},500);
        });
    };
    return true;
};

.html()電話を切るとうまくいきます（もちろん画像がないので、htmlが挿入されていないからだと思いますが、opacity:0;挿入するとフェードstyle="opacity:0"インできません...

私は何が間違っているのですか？

4

3 に答える 3

2

これを試して：

$(this).fadeOut(500, function() {
     $(this).html("<img src='content/pics/loadingBig.gif' alt='loading'/>");
    });
$(this).fadeIn(500);
于 2008-12-04T17:03:05.820 に答える
0

代わりにアニメーションをコンテナに適用するか、.css（）メソッドを使用して不透明度を設定します（インラインスタイルは、対応するプロパティをアニメーション化するjQueryの機能を妨げる可能性があります）。

于 2008-12-04T11:46:17.723 に答える
0

画像にstyle="opacity：0;"を付けないでください -親が非表示になっている間は表示されません。ご存知のように、親がフェードインすると、不透明度は0のままになります。

手動でアニメーション化する代わりに、jQueryのfadeIn関数とFadeOut関数を使用することもできます。

于 2008-12-04T11:49:46.703 に答える