web-dev-qa-db-ja.com

私のajax更新されたdivをフェードインさせる

ドロップダウンが変更されるたびに、ajax呼び出しを実行し、結果を2つの重複するdivに読み込むこのコードがあります。結果がdivにフェードインして、何かが変更されたことをより明確に示すために、シームレスであるため変更に気づきにくいことがあります。

print("$('.ajaxdropdown').change(function(){


        $.ajax({
            type: "GET",
            url: "/includes/html/gsm-tariff.php",
            data: "c_name="+escape($(this).val()),
            success: function(html){
                $("#charges-gsm").html(html);
                                    //i want to fade result into these 2 divs...
                $("#charges-gsm-faq").html(html);
                $("#charges-gsm-prices").html(html);
            }
        });
    });");

私はフェードイン方法と他のいくつかを追加しようとしましたが、喜びはありません。

jqueryajax
28
Chris J Allen

hide()を使用する前に、それをfadeIn()する必要があります。

PDATE：これを連鎖させる方法は次のとおりです。

$("#charges-gsm-faq").hide().html(html).fadeIn();
$("#charges-gsm-prices").hide().html(html).fadeIn();
46
Adam Bellaire

次のコマンドを使用して、表示したままにして透明にするだけで、完全な不透明度にフェードできます。

... .css({ opacity: 0 }).fadeTo("normal",1);
3
Adam Bellaire

FadeIn（）を使用する前に、それをhide（）する必要があります。

上記は私のために働きました

2
kingr

Load（）で動作します：

$('.element').load('file.html').hide().fadeIn();
1
Brynner Ferreira

JQuery.uiには、エフェクトを使用して実行できるさまざまなことがたくさんあります。あなたはそれらをここで見つけることができます： http://docs.jquery.com/Effects

0
Malfist