让我的 ajax 更新的 div 淡入答案

【问题标题】：Making my ajax updated div fade in让我的 ajax 更新的 div 淡入
【发布时间】：2010-09-16 01:36:02
【问题描述】：

我有这段代码，它执行一个 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);
            }
        });
    });");

我已经尝试添加淡入淡出方法和其他一些东西，但没有任何乐趣。

【问题讨论】：

标签： jquery ajax

【解决方案1】：

您必须先hide() 才能使用fadeIn()。

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

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

【讨论】：

那么有没有比使用链接或其他东西更短的方法呢？ $("#charges-gsm-faq, #charges-gsm-prices").hide(); $("#charges-gsm-faq, #charges-gsm-prices").html(html); $("#charges-gsm-faq, #charges-gsm-prices").fadein(slow);

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

你必须先 hide() 才能使用 fadeIn()

以上对我有用

【讨论】：

【解决方案4】：

它与 load() 一起工作：

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

【讨论】：

【解决方案5】：

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

【讨论】：