jQuery Forum

It worked fine for me on all browsers with JQueryUI 1.7.2 / jQuery 1.3.2.

When I upgraded toJQueryUI 1.8.1  / jQuery  1.4.2, all tabs except the first one were disabled on creation in 

both IE 6 and IE 8.

my workaround was to add:

Can anybody help me fix this ??

Thanks

I had the same issue.  I think I have a good idea why this is happening.  It appears that the tabs plugin is using the jquery.inArray() method and expecting the return response to be -1 if the value is not found.  This works as expected in other browsers, but IE is returning undefined.  I think this is more an issue with the inArray method in jquery core.  A simple patch to the method in the core would solve the problem, and is probably the way to go, but I felt more comfortable patching the tabs plugin.  My solution is as follows:

 

Somewhere around line # 7051 in the combined version of ui code is:

 

// disable tabs

  for (var i = 0, li; (li = this.lis[i]); i++) {
   $(li)[$.inArray(i, o.disabled) != -1 &&
    !$(li).hasClass('ui-tabs-selected') ? 'addClass' : 'removeClass']('ui-state-disabled');
  }

 

I added a check for the undefined value, replacing the above code with:

 

  for (var i = 0, li; (li = this.lis[i]); i++) {
   $(li)[$.inArray(i, o.disabled) != -1 && $.inArray(i, o.disabled) != undefined &&
    !$(li).hasClass('ui-tabs-selected') ? 'addClass' : 'removeClass']('ui-state-disabled');
  }

 

and everything worked in IE  as expected. 

 

Hope this helps.

 

 

To find the code; you should first beautify the .js xD

jkolbo thanks for the tip !!

 

Cheers

<script type="text/javascript" src="test/stab_ui.js"></script> 

and

stab_ui.js

========

Safari and FF displays nicely.

Is there a workaround to this ?

I am afraid this is causing issues in IE6,7,8 too

Sincerely

I'm also getting differences between IE 7 and IE 8 where IE 7 does not start in the disabled state whereas IE 8 does. I can't really pin down the cause or show my code (long story).

The jsbin code is also disabled for IE 7, so it's not just the '#' in links thing.

I just landed a fix: http://github.com/jquery/jquery-ui/commit/1b3176565561ccbd0c904620ae97690aff41b90b

I solved this problem by modifying my copy of ui/jquery.ui.tabs.js 

IE8: when o.disabled is empty list (o.disabled.length == 0)

jquery 1.5.2  $.inArray(i,o.disabled) returns  " undefined "   while

jquery 1.3.2  $.inArray(i,o.disabled) returns  -1

jquery 1.5.2 's $.inArray is not backward compatible regarding to empty list

244                 // disable tabs

245                 for ( var i = 0, li; ( li = this.lis[ i ] ); i++ ) {

246                         // COMMENTED OUT $( li )[ $.inArray( i, o.disabled ) != -1 &&

247                         $( li )[ !( $.inArray( i, o.disabled ) == -1 || $.inArray( i, o.disabled ) == undefined ) &&

248                                 // TODO: use .toggleClass()

249                                 !$( li ).hasClass( "ui-tabs-selected" ) ? "addClass" : "removeClass" ]( "ui-state-disabled" );

250                 }

I tested with Chrome 10 and Safari 5 , and have no problem at all.

$.inArray incompatibility

jquery 1.4.2 1.5.2

I suggest modification to inArray:  add the following array validity check code