Why is the position of tabs('select'...) important in moving from tab to tab programmatically

Why is the position of tabs('select'...) important in moving from tab to tab programmatically

Hi folks,

Up until I updated to jquery-ui-1.8.10 (already using jQuery 1.5), the following code has worked as (I) expected:

  1. function doStuff(ej,pk) {
  2.  $.get("scripts/ajax_traffic.asp?id=dostuff&opt="+ej+"&opt2="+pk+"&q=" + new Date().getTime(), function(responseText){
  3.  $('#tab1').html(responseText).fadeIn(500, function() {
    ... do other stuff ...
    });


    $("#prolearn").tabs("select",1);
    });
    };

The tab is fueled and then focus is moved from tab0 (from where the ajax call is initiated) to tab1.

Now, that code doesn't work - tab1 is fuelled, but we don't move from tab0 to tab1.  However, this version of the original does:

  1. function doStuff(ej,pk) {
  2.    $.get("scripts/ajax_traffic.asp?id=dostuff&opt="+ej+"&opt2="+pk+"&q=" + new Date().getTime(), function(responseText){
  3.   $("#prolearn").tabs("select",1);
  4.   $('#tab1').html(responseText).fadeIn(500, function() {
  5.    ... do other stuff ...
  6.   });
  7. });
  8. };

Can someone explain why the difference is now occurring?

Thanks/Bruce