Cufon + jQuery vol stationnaire ne fonctionne pas

Question

D'accord, voici le problème:

Je construis un website, en utilisant jQuery et Cufon. J'ai un problème avec l'utilisation de la fonction .hover() de jQuery avec Cufon. Quand je survole le texte Cufon'd, rien ne se passe. Le code d'importance est:

Cufon.replace('div.nav', {hover:'true'}); 
$(document).ready(function() { 
    $('div.nav').each(function() { 
     $(this).hover(function() { 
      $(this).css({ 
       "text-decoration": "underline;", 
      }); 
     }, 
     function() { 
      $(this).css({ 
       "text-decoration": "none;", 
      }); 
     }); 
    }); 
}); 

et

<div id="nav"> 
    <div id="logo" class="nav"> 
     SLA ROBOTICS 
    </div> 
    <div id="items"> 
     <div id="item1" class="navbutton nav"> 
      <i>members</i> 
     </div> 
     <div id="item2" class="navbutton nav"> 
      <i>robots</i> 
     </div> 
     <div id="item3" class="navbutton nav"> 
      <i>sponsors</i> 
     </div> 
    </div> 
</div> 

Le reste du code est visible en regardant la source du lien ci-dessus. Pas de PHP, donc tout est visible.

Answer 1

Cufon est une bibliothèque fine, mais elle peut ne pas prendre en charge toutes les fonctionnalités du texte normal. Envisagez d'utiliser des polices Web, générées par Font Squirrel.