Warum erlaubt CUFON eine AddClass -Funktion mit JQuery nicht?

Question

Mann, ich verstehe es einfach nicht. Ich habe vier Sätze gepaarter Links, bei denen durch den Überschwebung über einen der andere ausgeschaltet wird. Ich habe es in jQuery funktionieren, aber wenn ich Cufon hinzufüge, ist es kein Würfel. Hier ist JQ -Skript:

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

Und hier ist der Teil für 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>

Irgendwelche Ideen? Vielleicht wie Cufon den Text verwaltet? Muss es aktualisiert werden? Ich packe hier Strohhalme.

Answer 1

Ist das Problem, dass Cufon nicht funktioniert oder dass Cufon Ihr DoubleHighlight bricht?

Ich habe mich tatsächlich getötet, bevor ich herausfand, dass die meisten CUFON -Probleme im Zusammenhang mit JQuery auf die Bestellung zurückzuführen sind, die alles genannt wird. Ich habe Schwierigkeiten, ihre Exprenation dazu in der Dokumentation zu finden, da es im letzten September war, als ich es herausfand, also habe ich Angst, dass ich meine Antwort jetzt nicht zitieren kann, ich muss wieder zur Arbeit gehen. Grundsätzlich ist Cufon gerne an erster Stelle und JQuery freut sich über die Schrotflinte. Zum Beispiel;

Das ist oder können sei böse :

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

Das ist gut :

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

Beachten Sie den Unterschied, das zweite Mal um den Cufon wird vor dem JQuery -Funktionen behandelt.

Diese Lösung hat mir gedient, wo Cufon sich geweigert hat, irgendetwas zu ersetzen, weil ich bereits mit JQuery gelaufen bin. Ich bin mir nicht sicher, ob Ihr Problem aus derselben Schule der Probleme stammt ...

Answer 2

Sie müssen die Funktion cufon.refresh () aufrufen. Nach Ereignis.https://github.com/sorccu/cufon/wiki/apiIch hatte das gleiche Problem und diese Methode hat für mich funktioniert.