jquery - 라이브러리 - 내 Ajax를 div로 페이드 인하게 만들기



jquery ajax 라이브러리 (4)

아약스 호출을 수행하고 드롭 다운이 변경 될 때마다 두 개의 중복 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);
            }
        });
    });");

나는 fadein 메서드와 몇 가지 다른 것들을 추가하려고했지만 기쁨은 없습니다.

https://src-bin.com


Answer #1

또한 보이는 그대로두고 투명하게 만들고 다음을 사용하여 전체 불투명도로 사라지게 할 수 있습니다.

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

Answer #2

당신은 fadeIn() 사용하기 전에 그것을 hide() 할 것이다.

업데이트 : 다음과 같이 연결하면됩니다.

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

Answer #3

당신은 fadeIn ()을 사용하기 전에 그것을 hide ()해야 할 것이다.

위의 나를 위해 일했다.


Answer #4

그것은 load ()와 함께 작동합니다 :

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




ajax