如何重裝（刷新）風格元素的使用jQuery

（使用的Cufón字體）

請查看下面我設計的網站（它從一個模板的）：
http://noorjamali.soscharge.com
我的問題是關於菜單顏色點擊每一個菜單後，。
進行測試，嘗試點擊關於我菜單，你會看到主菜單仍然是白色的，你應該通過鼠標懸停它獲得結果，並將其顏色回灰。
請不要測試其他菜單，因爲我沒有爲他們添加jQuery代碼。
我的菜單代碼是象下面這樣：如何重裝（刷新）風格元素的使用jQuery

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

和AboutMeClick（）函數是這樣的：

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); }); 
       } 
      } 
     }

及相關的CSS到該菜單是這樣的：

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

我我很困惑這個問題。
爲什麼這些jQuery的代碼不能做他們的工作：

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

其中關於這一問題的衝突，如何解決呢？
我真的不知道在哪裏設置菜單顏色灰色的地方！
有沒有一種方法來模擬懸停使用jquery獲取結果？

感謝關注

編輯：
我知道這個問題是對的Cufón-yui.js - >但我怎樣才能解決呢？

來源

2012-03-28 MoonLight

請把握正確。這會讓你的問題更容易閱讀。 – jrummell 2012-03-28 12:15:05

@jrummell好的... – MoonLight 2012-03-28 12:19:01

您正在使用的Cufón字體，嘗試調用

Cufon.refresh();

就像

$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

來源

2012-03-28 12:05:47

感謝兄弟，解決了... – MoonLight 2012-03-28 12:15:12

歡迎您bro :-) – 2012-03-28 12:16:12

如何重裝（刷新）風格元素的使用jQuery

回答

相關問題