让我的ajax更新div淡入

我有这个代码执行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

在使用fadeIn()之前，你必须hide()它。

更新：这是你如何通过链接来做到这一点：

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

Answer 2

您也可以将其保持可见并使其透明，然后将其淡化为完全不透明度，使用：

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

Answer 3

你必须隐藏（）它才能使用fadeIn（）

以上为我工作

Answer 4

JQuery.ui有一些你可以用效果做的不同的事情。 你可以在这里找到它们： http ： //docs.jquery.com/Effects

Answer 5

它适用于load（）：

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