First tab doesnt show with Jquery UI Tabs using Cufon

Posted by BoulderDave on Stack Overflow See other posts from Stack Overflow or by BoulderDave
Published on 2010-06-07T11:57:46Z Indexed on 2010/06/07 12:02 UTC
Read the original article Hit count: 331

Filed under:
|

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>

© Stack Overflow or respective owner

Related posts about jquery-ui-tabs

Related posts about cufon