2010-06-24 12 views
1

J'ai un problème étrange avec JQuery Hovers et Cufon.Cufon jQuery Hover en tant qu'élément enfant?

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'); 
    }); 

Répondre

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!

+0

merci, a fini par comprendre, mais c'est une excellente information pour quiconque cherche. – wesbos

+1

Oui, il m'arrive tout le temps aussi ... Je finis par me débrouiller ... mais je m'assure de poster le résultat à ma question quand je découvre ... aide les autres ici ... Bravo camarade! – foxybagga