jquery - 让我的 ajax 更新的 div 淡入

Question

我有这段代码，它执行 ajax 调用，并在每次更改下拉列表时将结果加载到两个重复的 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 方法和其他一些方法，但没有任何乐趣。

Answer 1

您必须先hide()它，然后才能使用fadeIn()。

更新:以下是通过链接实现此操作的方法:

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