아약스 업데이트된 디비를 페이드 인으로 만드는 중.

아약스 업데이트된 디비를 페이드 인으로 만드는 중.

저는 아약스 호출을 수행하고 드롭다운이 변경될 때마다 결과를 두 개의 중복된 디브로 로드하는 코드를 가지고 있습니다.저는 결과가 디브 안으로 희미해지고, 무언가가 변했다는 것을 더 명확하게 보여주기를 원합니다. 왜냐하면 그것은 때때로 변화를 알아차리기 어렵기 때문입니다!

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);
            }
        });
    });");

페이드인 방법과 몇 가지 다른 것들을 추가하려고 노력했지만, 기쁨은 없었습니다.

해야 할 것입니다.hide()사용하기도 전에fadeIn().

업데이트: 체인을 연결하여 이를 수행하는 방법은 다음과 같습니다.

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

또한 다음을 사용하여 보기만 하고 투명하게 만든 다음 전체 불투명도로 페이드할 수 있습니다.

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

페이드인()을 사용하려면 먼저 숨겨야 합니다.

위는 나를 위해 일했습니다.

로드()와 함께 작동합니다.

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

JQuery.ui는 효과로 할 수 있는 많은 다른 것들을 가지고 있습니다.http://docs.jquery.com/Effects 에서 찾을 수 있습니다.

언급URL : https://stackoverflow.com/questions/183638/making-my-ajax-updated-div-fade-in