jQuery UI自动完成-如何实现进度指标？

如果问题标题不够清楚：

我正在使用jQuery自动完成插件（1.8.5的一部分）

我原以为提供的CSS/图像会包含类似ajax的进度图像

如果没有，最简单的方法是什么

这是我的自动完成代码：

$('#query').autocomplete({
   source: function (request, response) {
      $.ajax({
         url: "/Search/FindLocations",
         type: "POST",
         dataType: "json",
         data:
         {
            searchText: request.term
         },
         success: function (data) {
            response($.map(data, function (item) {
               return { name: item.name, value: item.name }
            }))
         }),
   select: function (event, ui) {
      // snip... (this is where i display stuff about what they clicked).
   }});

在上面的代码中，我应该在哪里隐藏/显示图像

---

显然，在“选择”中的代码之后，我可以隐藏图像，但在哪里可以“显示”图像？

那么图像又隐藏在哪里呢？这不应该发生在

$.ajax（{complete:…}）

或

$.ajax（…）。总是（…）

？嘿，我只是复制了他的代码，并添加了两行代码来演示在ajax请求开始之前显示图像。他说：“显然，在‘选择’中的代码之后，我可以隐藏一个图像，但我在哪里可以‘显示’图像？”。我假设他在select回调中隐藏了图像，并且没有添加任何代码来隐藏图像。

$('#query').autocomplete({
   source: function (request, response) {
      //i would show the image here, before starting your ajax request
      $("#theImage").show();
      $.ajax({
         url: "/Search/FindLocations",
         type: "POST",
         dataType: "json",
         data:
         {
            searchText: request.term
         },
         success: function (data) {
            response($.map(data, function (item) {
               return { name: item.name, value: item.name }
            }))
         }),
   select: function (event, ui) {
      // snip... (this is where i display stuff about what they clicked).
   }});