Jquery 将动画添加到正在加载的项目intp webgrid MVC

我目前正在向webgrid添加项目，并希望它们在计时器上“过渡”。当项目开始加载时，何时以及如何执行此动画（使用JQuery）

我使用以下命令加载名为“\u PartResults”的局部视图。获取ajax调用：

 $.get("@Url.Action("_PartResults")", {
                        parameter1: parameterVariable,
                        parameter2: parameter2Variable....
                    }, function (data) {
                       // alert(data);
                        $('#divPartResults').replaceWith(data);
                        $('#divPartResults').find('tr').fadeIn();
                    });

提前谢谢

有关

$.get

的API，请参阅，该API指示存在

成功

回调

您已经在利用该回调函数：

function (data) {
    // alert(data);
    $('#divPartResults').replaceWith(data);
}

因此，只需将其更改为包含图像过渡/动画。如果要将代码更改为使用完整的

Ajax

调用，可以执行以下操作：

$.ajax({
    url: "@Url.Action("_PartResults")",
    data: {
        parameter1: parameterVariable,
        parameter2: parameter2Variable....
    },
    beforeSend: function(){
        $('#divPartResults').fadeOut();
        $('#someLoadingImage').fadeIn();
    },
    success:  function (data) {
        // alert(data);
        $('#divPartResults').replaceWith(data);
        $('#someLoadingImage').fadeOut();
        $('#divPartResults').fadeIn();
    }
});

---

谢谢你的回答，但我无法处理数据淡入淡出的问题。目标是控制webgrid中每一行的动画，但MVC html助手似乎一次加载了整个数据块以填充控件。我在问题中添加了一点编辑，以帮助说明我试图通过行动画实现什么。数据总是在单个块中出现，因此您无法逐行设置数据动画（据我所知），然而，一旦它被加载，你可以一次一行地添加一个动画来解决你的问题。是的，这就是我所想的。你能给我举个例子说明如何做到这一点吗？这是我的“卡住”点。因此，基本上整个webgrid数据块都将被加载，并且一行一行地设置动画，就好像是第一次出现一样（在出现之前隐藏）。感谢您再次提出我的问题：）