Por que Cufon não permitirá uma função addclass com jQuery?

Question

Cara, eu simplesmente não entendo. Eu tenho quatro conjuntos de links emparelhados, onde passando o mouse sobre um desencadeia o outro. Eu tenho isso trabalhando no jQuery, mas quando eu adiciono Cufon, não é dados. Aqui está o 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>

E aqui está a parte para 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>

Alguma ideia? Talvez como o cufon renderiza o texto? Precisa ser atualizado? Estou pegando palha aqui.

Answer 1

O problema é que Cufon não está funcionando ou que Cufon quebra seu DoubleHighlight?

Na verdade, eu me matei antes de descobrir que a maioria dos problemas de Cufon relacionada ao jQuery se deve ao pedido, tudo é chamado. Estou tendo problemas para encontrar a explicação deles na documentação, como era em setembro passado, quando descobri, então estou com medo de não poder citar minha resposta agora, tenho que voltar ao trabalho. Basicamente, Cufon gosta de ser o primeiro da fila, e o JQuery geralmente fica feliz em andar de espingarda. Por exemplo;

Isto é ou pode Seja mal :

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

Isso é bom :

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

Observe a diferença, a segunda vez ao redor do CUFON é tratada antes das funções do jQuery.

Esta solução me serviu onde Cufon se recusou a substituir qualquer coisa por causa do que eu já havia executado com o JQuery. Não tenho certeza se o seu problema pode ser da mesma escola de problemas ...

Answer 2

Você precisa chamar a função cufon.refresh (); depois do evento.https://github.com/sorccu/cufon/wiki/apiEu tive o mesmo problema e esse método funcionou para mim.