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

Question

如果问题标题是不够清楚：

我使用jQuery自动完成插件（的jQuery UI 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). 
    }}); 

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

很明显，在“选择”代码后，我可以隐藏图像，但我可以在哪里“显示”图像？

Answer 1

$('#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). 
    }});