如何使用jquery重新加载(刷新)元素的样式(使用cufon字体)
请查看下面我设计的网站(来自模板):如何使用jquery重新加载(刷新)元素的样式(使用cufon字体),jquery,cufon,Jquery,Cufon,请查看下面我设计的网站(来自模板): 我的问题是单击每个菜单后的菜单颜色。 对于测试,请尝试单击“关于我”菜单,您将看到主菜单仍然是白色的,您应该将其鼠标悬停以获得结果,并将其颜色恢复为灰色。 请不要测试其他菜单,因为我没有为它们添加jquery代码。 我的菜单代码如下: <div class="nav"> <div class="nav_shadow"> <ul class="menu"&g
我的问题是单击每个菜单后的菜单颜色。
对于测试,请尝试单击“关于我”菜单,您将看到主菜单仍然是白色的,您应该将其鼠标悬停以获得结果,并将其颜色恢复为灰色。
请不要测试其他菜单,因为我没有为它们添加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>
与该菜单相关的css如下所示:
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); });
}
}
}
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->的问题,但我如何解决这个问题?如果您正在使用cufon字体,请尝试拨打电话
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
您正在使用cufon字体,请尝试呼叫
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
请适当大写。这会使你的问题更容易阅读。请适当大写。这会使你的问题更容易阅读。