jQuery Forum

Hello folks.

I've got something strange going on and it's left me scratching my head. I have a potentially heavy bit of processing going on that might leave the user a bit stumped for a few seconds so I display a message for them.

Or so I thought. The problem is the message only decides to display itself AFTER the process has finished.

Any idea what I could be doing wrong?

Thanks ladies and gentlemen.

1. function filterSearch(){
   
2.       $('#filter-applying').show();
3.       var prices = $('#filter-price').slider('option', 'values');
4.       var min = prices[0];
5.       var max = prices[1];
6.       var bedrooms = $('#filter-bedrooms').slider('option', 'value');
7.       var bathrooms = $('#filter-bathrooms').slider('option', 'value');
8. ... 100+ lines of code omited for brevity
   
9.       $('#filter-applying').hide();
10. }

Example call:

1. $('#filter-bedrooms').slider({
2.       min:1,
3.       max:22,
4.       step:1,
5.       value:$.readCookie('search_bedrooms') || 1,
6.       slide:function(event, ui){ $('#filter-bedrooms-message').html(ui.value + '+ bedrooms'); },
7.       change:function(event, ui){ filterSearch(); }
   });