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);
      },
    });
});

我想要一个加载指示器（如果可能的话，GIF动画），当我删除项目并且请求被发送到服务器时显示，直到PHP请求完成并且加载成功。

我该怎么做？

感谢。

Answer 1

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