jQuery UI AutoComplete - Как реализовать индикатор прогресса?

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

Где я должен скрывать/показывать изображение в приведенном выше коде?

Очевидно, что после кода в «select» я мог скрыть изображение, но где я могу «показать» изображение?

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