Question

可能是一个简单的问题，但我一直试图让这个工作几个小时。我在stackoverflow上尝试了几乎所有我发现的内容，但似乎没有任何效果。也许一双新鲜的眼睛可以告诉我如何做到这一点。

我想在调用这个javascript函数后淡入div。

            function getRequest(){
            $.ajax({
                type : "POST",
                url : "/includes/requests.php",
                data : "mode=get_requests",
                success : function(result)  { $("#requests").html(result);
                    $('#requests').fadeIn(9000);
                }
            });

        }

编辑：谢谢大家。此

$('#requests').hide().fadeIn(9000);

做到了。

Answer 1

$('#requests').hide().fadeIn(9000);

您需要先隐藏元素，然后才能显示它。因此.hide()然后.fadeIn()。

Answer 2

$('#requests').hide();
function getRequest(){
    $.ajax({
        type : "POST",
        url : "/includes/requests.php",
        data : "mode=get_requests",
        success : function(result)  {
            $("#requests").html(result);
        }
    }).fail(function() {
        $('#requests').html('The AJAX failed!!');
    }).always(function() {
        $('#requests').fadeIn(9000);
    });
}

获取功能将.fadeIn()方法放在.always()回调中，因为您将知道AJAX是否成功。

Answer 3

您需要在淡入元素之前隐藏元素，因为它已经对用户可见，如下所示：

$('#requests').hide().fadeIn(9000);

ajax的帖子在成功后淡出

3 个答案: