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();

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();

让我的ajax更新div淡入

5 个答案: