First tab doesnt show with Jquery UI Tabs using Cufon
- by BoulderDave
I'm using Cufon to render the font for my Jquery Tabs. A strange problem I'm finding is that with the first tab, the text isn't rendered. If I remove Cufon, the text is there, or if I remove jquery tabs (so that its just html list items) the text is there (properly rendered by cufon).
There seems to be timing issue with the loading I think, where cufon renders the text, but then the jquery tabs css is applied, and perhaps they are 'breaking' each other.
Anybody had this issue?
$(document).ready(function() {
Cufon.replace('.tab');
});
<ul class="tabnav">
<li><a href="bottoms.html" title="Bottoms"><div class="tab">Bottoms</div></a></li>
<li><a href="tops.html" title="Tops"><div class="tab">Tops</div></a></li>
<li><a href="skirts.html" title="Skirts"><div class="tab">Skirts</div></a></li>
<li><a href="dresses.html" title="Dresses"><div class="tab">Dresses</div></a></li>
<li><a href="shoes.html" title="Shoes"><div class="tab">Shoes</div></a></li>
</ul>
