Wie Neuladen (Refresh) Stile eines Elements (cufon Schriftart verwendet) jquery mit

Question

bitte folgende Website sehen, dass ich entworfen (es ist von einer Vorlage):
http://noorjamali.soscharge.com
mein Problem über Menüfarben ist jedes Menü nach dem Klicken auf .
zum Testen, klicken Sie auf ÜBER MICH Menü und Sie werden sehen, HOME-Menü ist immer noch weiß und Sie sollten es mit der Maus schweben für das Ergebnis und seine Farbe wieder in grau.
Bitte testen Sie nicht die anderen Menüs, weil ich keine jquery Codes für sie hinzufügen.
mein Menü Codes wie unten:

 <div class="nav"> 
      <div class="nav_shadow"> 
       <ul class="menu"> 
        <li id="item-464" class="current active"><a href="Default.aspx">HOME </a></li> 
        <li id="item-465"><a href="javascript:AboutMeClick();">ABOUT ME </a></li> 
        <li id="item-444"><a href="javascript:QuickProfileClick();">QUICK PROFILE </a></li> 
        <li id="item-207"><a href="javascript:CertificationsClick();">CERTIFICATIONS </a></li> 
        <li id="item-467"><a href="javascript:ProjectsClick();">PROJECTS </a></li> 
       </ul> 
      </div> 
     </div> 

und AboutMeClick() Funktion ist wie folgt:

var $j = jQuery.noConflict(); 
     function AboutMeClick() { 
      $j('#header .nav .nav_shadow .menu li').removeClass('current active'); 
      $j('#header .nav .nav_shadow .menu li#item-465').addClass('current active'); 

      if ($j('#header').css('top') != -522) { 
       $j('#lveis-wrapper_3').animate({ 
        opacity: 0.0 
       }, 1200, function() { 
        // Animation complete. 

        $j('#header').animate({ 
         top: -522 
        }, 1000, function() { 
         // Animation complete. 
         if ($j('#QuickProfile').css('dispay') != 'none') { 
          $j('#QuickProfile').slideUp(1500, function() { $j('#AboutMe').slideDown(1500); }); 
         } 
         else if ($j('#Certifications').css('dispay') != 'none') { 
          $j('#Certifications').slideUp(1500, function() { $j('#AboutMe').slideDown(1500); }); 
         } 
         else if ($j('#Projects').css('dispay') != 'none') { 
          $j('#Projects').slideUp(1500, function() { $j('#AboutMe').slideDown(1500); }); 
         } 
        }); 

       }); 
      } 
      else { 
       if ($j('#QuickProfile').css('dispay') != 'none') { 
        $j('#QuickProfile').slideUp(1500, function() { $j('#AboutMe').slideDown(1500); }); 
       } 
       else if ($j('#Certifications').css('dispay') != 'none') { 
        $j('#Certifications').slideUp(1500, function() { $j('#AboutMe').slideDown(1500); }); 
       } 
       else if ($j('#Projects').css('dispay') != 'none') { 
        $j('#Projects').slideUp(1500, function() { $j('#AboutMe').slideDown(1500); }); 
       } 
      } 
     } 

und den dazugehörigen CSS zu diesem Menü ist wie folgt:

ul.menu > li.active > a:link, ul.menu > li.active > a:visited 
{ 
    color: rgb(255, 255, 255) !important; 
} 
ul.menu li a:hover, ul.menu li a:active, ul li a:focus 
{ 
} 

i Ich bin so verwirrt über dieses Thema.
warum diese jquery-Codes können nicht ihre Arbeit tun:

$j('#header .nav .nav_shadow .menu li').removeClass('current active'); 
    $j('#header .nav .nav_shadow .menu li#item-465').addClass('current active'); 

wo der Konflikt zu diesem Problem und wie kann ich es beheben?
auch ich weiß wirklich nicht, wo die Einstellung der Menüfarben zu Grau ist !!
Gibt es eine Möglichkeit, Hover mit jQuery zu simulieren, um Ergebnisse zu erhalten?

Dank für Aufmerksamkeit

EDIT:
ich weiß, dass Problem für cufon-yui.js ist -> aber wie kann ich das Problem lösen?

Answer 1

Sie sind cufon Schriftart verwenden, versuchen

Cufon.refresh(); 

nur

richtig

$j('#header .nav .nav_shadow .menu li').removeClass('current active'); 
$j('#header .nav .nav_shadow .menu li#item-465').addClass('current active'); 
Cufon.refresh(); // Will refresh all cufon text 
//Or 
Cufon.refresh('#header .nav .nav_shadow .menu li'); // Will refresh only selected objects