¿Por qué Cufon no permitirá una función addClass con jQuery?

Question

Hombre, simplemente no lo entiendo. Tengo cuatro conjuntos de enlaces emparejados, donde flotando sobre uno con el otro. Lo tengo funcionando en jQuery, pero cuando agrego cufon no es dados. Aquí está el guión 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>

Y aquí está la porción de 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>

¿Algunas ideas? ¿Quizás cómo Cufon hace que el texto? ¿Necesita ser renovado? Me estoy agarrando de pajitas aquí.

Answer 1

¿El problema es que Cufon no funciona o que Cufon rompe su doble luz?

De hecho, me suicidé antes de descubrir que la mayoría de los problemas de Cufon relacionados con jQuery se reducen al orden, todo se llama. Tengo problemas para encontrar su explicación a esto en la documentación, ya que fue en septiembre pasado cuando descubrí que, así que estoy afectado, no puedo citar mi respuesta en este momento, tengo que volver al trabajo. Básicamente, a Cufon le gusta ser el primero en la línea, y a JQuery generalmente está feliz de montar la escopeta. Por ejemplo;

Esto es o puede sé malo :

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

Esto es bueno :

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

Tenga en cuenta la diferencia, la segunda vez alrededor del cufon se maneja antes de las funciones de jQuery.

Esta solución me ha servido donde Cufon se ha negado a reemplazar cualquier cosa debido a lo que ya había ejecutado con jQuery. No estoy seguro de si su problema podría ser de la misma escuela de problemas ...

Answer 2

Debe llamar a la función cufon.refresh (); después del evento.https://github.com/sorccu/cufon/wiki/apiTuve el mismo problema y este método funcionó para mí.