Jquery Dialog，在ajax获取时显示动画gif

Question

我正在使用 ajax 调用加载对话框。我想添加一个在 ajax 获取运行时将动画 gif 发送到对话框，并且具有获取完成后它就会消失。

我的设置和打开对话框的主要功能如下

    function showDetail(sipId) {
    ShowWOrderRows(sipId);
    $("#Container").data('title.dialog', 'Details of Order ' + sipId); 
    $("#Container").dialog("open");
    return false;
    }
$(function () {    
            $("#Container").dialog({
                autoOpen: false,
                modal: true,
                height: 300,
                width: 650
            });    
        });

在 ShowWOrderRows 函数上，我使用 $.ajax({//some options });

获取数据

并将该数据填充到 $('#Container')。

最简单的方法是什么？

提前致谢。

Answer 1

您可以将 ajaxStart 和 ajaxStop 事件附加到包含加载图像的 div。

$('#loadingDiv')
    .hide() //hide the image initially
    .ajaxStart(function() {
        $(this).show();
    })
    .ajaxStop(function() {
        $(this).hide();
    });