JQuery UI Autocomplete events and empty response

I'm using jQuery UI Autocomplete search and open events. But the open event is only called when the request is successful and there are elements. There does not seem to be an event when the response is successful but empty.

I display and hide a spinner logo when triggering the request, like this :

search: function() {
  $('.spinner').show();
},
open: function() {
  $('.spinner').hide();
}

This works well when there are elements in the server response but if the server response is empty the spinner stays forever...

Thanks for your answers.

PS : I'm not alone : remove spinner from jquery ui autoc开发者_开发技巧omplete if nothing found ;)

As of jQuery UI v1.9 you can do something like the following:

$('#field').autocomplete({
  source: source_url,
  search: function(event, ui) {
    $('#spinner').show();
  },
  response: function(event, ui) {
    $('#spinner').hide();
  }
});

This is a known open enhancement for future versions of jQuery UI...

http://bugs.jqueryui.com/ticket/6777

Will have to wait and/or use a workaround (like sending a special response from the server and handle this case in the open event).

If you're stuck on an older version of jQuery ui, the right answer is to use the class ui-autocomplete-loading, which gets added and removed while the request/response is in flight.