Question

我目前正在向webgrid添加商品，并希望他们能够过渡到＆＃34;在计时器上。当项目开始加载时，我何时以及如何执行此动画（使用JQuery）？

我加载名为＆＃34; _PartResults＆＃34;的部分视图使用以下.get ajax call：

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

提前致谢！

Answer 1

有关$.get的API，请参阅http://api.jquery.com/jquery.get/，其中表明存在Success回调。

您已经使用以下函数利用该回调：

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中正在加载的项目

1 个答案: