Как перезагрузить (обновить) стили элемента (используя шрифт cufon), используя jquery
пожалуйста, посмотрите веб-сайт ниже, который я разработал (это из шаблона):
http://noorjamali.soscharge.com
Моя проблема связана с цветами меню после нажатия на каждое меню.
для тестирования попробуйте нажать на меню «ОБО МНЕ», и вы увидите, что ГЛАВНОЕ меню все еще белое, и вам нужно навести на него курсор мыши, чтобы получить результат, и поверните его цвет обратно в серый.
пожалуйста, не проверяйте другие меню, потому что я не добавил для них коды 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 для получения результатов?
Спасибо за внимание
РЕДАКТИРОВАТЬ:
я знаю, что проблема для cufon-yui.js -> но как я могу это исправить?