Pourquoi Cufon n'autorisera pas une fonction AddClass avec jQuery?

Question

Mec, je ne comprends pas. J'ai quatre ensembles de liens appariés, où en survolant l'un déclenche l'autre. Je le fais fonctionner dans jQuery mais quand j'ajoute Cufon, ce n'est pas des dés. Voici le script JQ:

     <script type="text/javascript">
    jQuery(document).ready(function() {

      var doubleHighlight = function(element1, element2, class) {
        element1.hover(
          function() {
            element2.addClass(class);
          },
          function() {
            element2.removeClass(class);
          }
        );

        element2.hover(
          function() {
            element1.addClass(class);
          },
          function() {
            element1.removeClass(class);
          }
        );
      };
      doubleHighlight(jQuery("#abouttop"), jQuery("#aboutbottom"), "highlight_about");
      doubleHighlight(jQuery("#worktop"), jQuery("#workbottom"), "highlight_work");
      doubleHighlight(jQuery("#blogtop"), jQuery("#blogbottom"), "highlight_blog");
      doubleHighlight(jQuery("#contacttop"), jQuery("#contactbottom"), "highlight_contact");
    });
  </script>

Et voici la partie pour Cufon:

 <script src="cufon-yui.js" type="text/javascript"></script>
<script src="gothamxlight_300-gothamxlight_300.font.js" type="text/javascript">    </script>
<script src="gothamlight_300-gothamlight_500.font.js" type="text/javascript"></script>
        <script type="text/javascript">
           Cufon.replace('#type', { fontFamily: 'gothamxlight', hover: true});
            Cufon.replace('#smalltype', { fontFamily: 'gothamlight', hover: true});
            Cufon.replace('#nav', { fontFamily: 'gothamlight', hover: true});
        </script>

Des idées? Peut-être comment Cufon rend le texte? Doit-il être rafraîchi? J'attrape les pailles ici.

Answer 1

Le problème est-il que Cufon ne fonctionne pas ou que Cufon casse votre DoubleHighlight?

En fait, je me suis tué avant de découvrir que la plupart des problèmes de Cufon relatifs à jQuery sont à l'ordre de tout ce qui est appelé. J'ai du mal à trouver leur explication à ce sujet dans la documentation, car c'était en septembre dernier quand j'ai découvert, donc je suis insensé que je ne peux pas citer ma réponse pour le moment, je dois retourner au travail. Fondamentalement, Cufon aime être le premier en ligne, et JQuery est généralement heureux de monter un fusil de chasse. Par exemple;

C'est ou peut sois méchant :

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="cufon-yui.js"></script>

<script type="text/javascript">
    your.jQueryKungFu(function() {
    };
</script>

<script type="text/javascript">
    cufon.replace('h1');
</script>

C'est bon :

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="cufon-yui.js"></script>

<script type="text/javascript">
    cufon.replace('h1');
</script>

<script type="text/javascript">
    your.jQueryKungFu(function() {
    };
</script>

Notez la différence, la deuxième fois autour du Cufon est manipulée avant les fonctions jQuery.

Cette solution m'a servi là où Cufon a refusé de remplacer quoi que ce soit à cause de ce que j'avais déjà couru avec jQuery. Je ne sais pas si votre problème pourrait provenir de la même école de problèmes ...

Answer 2

Vous devez appeler la fonction cufon.refresh (); Après l'événement.https://github.com/sorccu/cufon/wiki/APIJ'ai eu un même problème et cette méthode a fonctionné pour moi.