1.6rc5 tab widget not always converting all tabs, with solution
I have a weird situation where a call to .tabs is only tabifying the
first one. I tracked it down in the source to be the following query
in the _tabify function:
this.$lis = $('li:has(a[href])', this.list);
It is only returning the first "li" element even though there are 3.
If I change it to the following, it works:
this.$lis = this.list.children('li:has(a[href])');
Here is the markup that was failing:
<div id="profileEdit">
<ul>
<li><a href="#tabProfile"><span>Profile Information</span></a></
li>
<li><a href="#tabPassword"><span>Password Change</span></a></li>
<li><a href="#tabAccount"><span>Account Information</span></a></
li>
</ul>
<div id="tabProfile"></div>
<div id="tabPassword"></div>
<div id="tabAccount"></div>
</div>