Perché Cufon non consente una funzione AddClass con jQuery?

Question

Amico, non lo capisco. Ho quattro serie di collegamenti accoppiati, dove litigare su uno scende l'altro. Lo ho funzionato in jQuery ma quando aggiungo Cufon non è dadi. Ecco JQ Script:

     <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>

Ed ecco la parte per 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>

Qualche idea? Forse come Cufon rende il testo? Deve essere aggiornato? Sto afferrando le cannucce qui.

Answer 1

Il problema è che Cufon non funziona o che Cufon rompe il tuo doppio luce?

In realtà mi sono ucciso prima di scoprire che la maggior parte dei problemi di Cufon relativi a JQuery sono all'ordine in cui tutto viene chiamato. Ho difficoltà a trovare la loro spiegazione nella documentazione poiché era lo scorso settembre quando ho scoperto, quindi sono affascinato che non posso citare la mia risposta in questo momento, devo tornare al lavoro. Fondamentalmente, a Cufon piace essere il primo in fila e JQuery è di solito felice di guidare il fucile. Per esempio;

Questo è o può Sii cattivo :

<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>

Questo è buono :

<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>

Nota la differenza, la seconda volta intorno al cufon viene gestita prima delle funzioni jQuery.

Questa soluzione mi ha servito in cui Cufon si è piatto ha rifiutato di sostituire qualsiasi cosa a causa di ciò che avevo già corso con JQuery. Non sono sicuro se il tuo problema potrebbe essere dalla stessa scuola di problemi ...

Answer 2

È necessario chiamare la funzione cufon.refresh (); dopo evento.https://github.com/sorccu/cufon/wiki/apiHo avuto uno stesso problema e questo metodo ha funzionato per me.