Cufon jQuery Hover en tant qu'élément enfant?

Question

J'ai un problème étrange avec JQuery Hovers et Cufon.

Mon Nav est configuré comme ceci:

...

<li> 
<a class="title" href="#">Title Text</a> 
<a class="sub" href="#">Photo Gallery</a> 
</li> 

...

Quand je passe la souris sur la LI. Je veux que l'a.sub devienne blanc (ce qui fonctionne en ajoutant une classe parce que son texte est normal.) Et je deviens l'a.title pour devenir vert.

Le problème est que le titre est remplacé par Cufon. Je sais que cufon peut faire des survols quand l'élément est survolé, mais comment le déclencher quand un élément parent est survolé?

Voici mon jQuery:

$('#bottomNav ul li').hover(

    function() { 
     $("a.sub", this).addClass('hov'); 
     $("a.title", this).addClass('thov'); 
    }, 

    function() { 
     $("a.sub", this).removeClass('hov'); 
     $("a.title", this).removeClass('thov'); 
    }); 

Answer 1

facile ... utiliser

Cufon.refresh(); 

ou pour vol stationnaire, son recommandé d'utiliser la méthode de vol stationnaire CUFON

Cufon.replace('.your-class', {hover: 'true'}, { fontFamily: 'FONT' }); 

Cheers!