将鼠标悬停在上方。我想要的是cufon文本更改为#e90c00。 出于某种原因(有时)当我将鼠标从按钮上移开时,它会保留#e90c00。
这是我使用的代码:
Cufon.replace('#nav li a span', { hover: true, hoverables: { span: true}, textShadow: '#353535 1px 1px'} );
有谁知道如何解决这个问题?
答案 0 :(得分:1)
我来到这篇文章,寻找有关子菜单的cufon悬停问题的故障排除。我对答案印象深刻,并尝试重置无济于事。以下来自cufon FAQ的文章可以帮助其他人寻找类似的东西:
答案 1 :(得分:0)
检查出来:https://github.com/sorccu/cufon/wiki/styling
您可以尝试一些测试
Cufon.replace('#nav li a span', {
hover: true,
hoverables: { span: true, a: true }
});
Cufon('#nav li a span', {
color: '#fff',
hover: {
color: '#e90c00'
}
});
答案 2 :(得分:0)
你需要调用Cufon.refresh();例如:
$('#nav li a span').hover(function(){
$(this).css('color','#e90c00');
Cufon.refresh($(this));
// this is the mouse out
},function(){
$(this).css('color','#fff');
Cufon.refresh($(this));
});
答案 3 :(得分:0)
为什么不使用CSS ??
#nav li a span
{
color: #fff;
/* and other default styles */
}
#nav li a span:hover
{
color: #e90c00;
/* and whatever other styling u need on hover */
}
答案 4 :(得分:0)
解决了这个问题:
$('#nav li').hover(function(){
$('a span', this).css('color','#e90c00');
Cufon.refresh('#nav li a span');
},function(){ // this is the mouse out
$('a span', this).css('color','#fff');
Cufon.refresh('#nav li a span');
});
答案 5 :(得分:0)
一些用户建议的jQuery脚本实际上是使其正常工作的唯一方法。 Cufon文档中解释的Cufon样式效果确实有效,但有时在将鼠标移出按钮区域后仍会显示悬停效果。当然,这是一种耻辱。在触发悬停后,您至少需要插入Cufon.refresh()或Cufon.replace()。你可以使用CSS保持样式,不需要在JS片段中实现它。这是我用于该案例的代码:
$('ul#nav ul li a').hover(function(){
Cufon.refresh('ul#nav ul li a');
},function(){
Cufon.refresh('ul#nav ul li a');
});
当然,使用CSS,类似的东西:
ul#nav li a { color: black } ul #nav li a:hover { color :red }
答案 6 :(得分:0)
更短的摘录:
$('ul#nav ul li a').mouseout(function(){ Cufon.refresh('ul#nav ul li a'); });