jQuery ui 可排序加载指示器

Question

我正在使用此代码：

$(document).ready(function() {
    $("#test-list").sortable({
      handle : '.handle',
      update : function () {
          var order = $('#test-list').sortable('serialize');
        $("#info").load("process-sortable.php?"+order);
      },
    });
});

我希望在我放下项目并将请求发送到服务器直到 PHP 请求完成并且加载成功时显示加载指示器（如果可能，则为 GIF 动画）。

我该怎么做？

谢谢。

Answer 1

在开始 ajax 调用之前在更新函数中显示图像，为 load 制作一个回调函数并将图像隐藏在那里（所以在 ajax 调用完成之后）